У меня есть несколько лениво загруженных модулей в моем угловом приложении, где я пытаюсь использовать дочерний маршрут, но не работает при перезагрузке / обновлении страницы
отлично работает с функцией щелчка, переходит к ожидаемому компоненту, но при обновлении страницы не работает для localhost: 4200 / port-move / Overview.
localhost: 4200 / обзор - это работает при обновлении. Где это может быть исправлено, чтобы работать для подхода -> localhost: 4200 / port-move / Overview. Может кто-нибудь, пожалуйста, помогите
Маршруты в модуле Main Rouitng (app-routing.module.ts):
const routes: Routes = [
{ path: '', redirectTo: 'search-uploads', pathMatch: 'full' },
{ path: 'port-move', loadChildren: () => import('./modules/routes/port-move/port-move.module').then(mod => mod.PortMoveModule) },
{ path: 'change-card', loadChildren: './modules/routes/change-card/change-card.module#ChangeCardModule' },
{ path: 'search-uploads', loadChildren: './modules/routes/search-uploads/search-uploads.module#SearchUploadsModule' },
{ path: 'inventory-recovery', loadChildren: './modules/routes/inventory-recovery/inventory-recovery.module#InventoryRecoveryModule' }
];
Маршруты в Port-move / (один из ленивых модулей):
const routes: Routes = [
{ path: '', component: PortMoveComponent },
{ path: 'overview', component: PortMoveOverviewComponent }
]
Щелкните по функции, чтобы перейти к компоненту Port-Move-Move-Overview с Port-Move в качестве родителя и Overview в качестве дочернего
// Переходит к обзору перемещения порта
navigateTo() {
this.router.navigateByUrl('/port-move/overview');
}