Моя маршрутизация не работает, когда я пытаюсь обновить существующую страницу

Question

Я выполнил мою маршрутизацию, используя angular 7, и она работает нормально, если я следую по пути с помощью клавиши меню. Но если я нахожусь на странице и пытаюсь обновить браузер, это выдает ошибку 404. Похоже, я не могу получить прямой доступ к какой-либо одной странице, мне нужно перейти на все страницы с помощью кнопок. Пример моего кода: это часть моего файла маршрутизации

const routes: Routes = [
  {
    path:'',component:Component1
  },
  {
    path: 'home', component: Component2
  }]

мой индекс имеет базовую ссылку как:

<base href="/myforms/">

, и я обращаюсь к компоненту 2, используя следующее:

<div class="col-sm-6">
              <a routerLink="home" router-link-Active="active" ><button class="btn btn-green">Home</button></a>              
            </div>

и все работает нормально. Я получаю URL: localhost: 8091 / myforms / home, и он открывается, когда я нажимаю кнопку. Но если я обновлю свою страницу, это даст мне 404.

Пожалуйста, помогите мне, если вы знаете что-нибудь по этому вопросу. Заранее благодарю.