Angular - Страница не найдена не выполняется при прямом доступе к URL

Question

Ниже приведен мой маршрут

const routes: Routes = [
  {
    path: '', component: Layout, 
    children: [
      { path: 'home', component: HomeComponent},
      {
        path: 'Product', component: ProductComponent},
        children: [
          { path: '', component: ProducListComponent},
          { path: 'add', component: ProductAddComponent },
        ]
      },
    ],
  },
  { path: '**', component: PageNotFoundComponent },
];

Он работает, как ожидалось.

Когда я обращаюсь к url ​​напрямую, я сталкиваюсь со странным поведением

http://localhost: 4200 / home - Рабочий

http://localhost: 4200 / Product - Рабочий

http://localhost: 4200 / Products - Рабочий (Страница не найдена, отображается)

Но когда я обращаюсь к URL-адресу ниже вручную, я получаю пустую страницу

http://localhost: 4200 / Product / 1 - Пустая страница

http://localhost: 4200 / Product / add - Пусто page

Я ожидаю, что он должен перенаправить на компонент Page not found ... В чем проблема в конфигурации

Примечание:

Для простоты я удалил свойства canActivate и canDeactivate

Answer 1

Я разрешаю это ...

Изменено

<base href="./">

на

<base href="/">

Работает .... Спасибо за вашу поддержку