时间戳

首页 > 解决方案 > 导航到页面时Angular 8重复路径

routes - 导航到页面时Angular 8重复路径

问题描述

我有一个带有两个延迟加载页面的简单应用程序。每当我导航到页面或对应用程序进行更改时，路径都会重复，然后如果我对应用程序进行另一项更改，它不会加载任何内容并且我会看到一个空白页面。
app-routing.module 是：

{ path: '', redirectTo: "first-page", pathMatch: "full" },
{ path: 'first-page', loadChildren: () => import('./pages/first-page/first-page.module').then(m => m.FirstPageModule) },
{
    path: "second-page",
    loadChildren: () => import('./pages/second-page/second-page.module').then(m => m.SecondPageModule)
},
{ path: '**', redirectTo: '' }

如果我在 localhost:4200 上打开我的窗口，它会正确导航到第一页。网址是localhost:4200/first-page。然后，如果我在导致重新加载的应用程序中进行更改，则 url 变为localhost:4200/first-page/first-page，我仍然可以正确看到我的页面。但是，如果我进行另一项更改并重新加载应用程序，那么我会得到一个带有 url 的白页，localhost:4200/first-page/first-page我唯一能做的就是删除路径并重新加载页面。
如果我直接导​​航到，也会发生同样的事情localhost:4200/first-page：它会复制路径，然后如果我在应用程序中更改某些内容，我会得到空白页。
为什么要复制路径？

标签： routesangular8angular-routing

解决方案

--base-href通过从我的命令中删除参数来修复此行为：

ng serve --base-href->ng serve

推荐阅读