无法通过 url 延迟加载模块访问

Question

我在执行“ng build --prod”后遇到了路由问题

我已将模块配置为在我的项目中延迟加载。如果我使用这样的链接访问它们，它们会毫无问题地加载：

<a classs="waves-effect btn" [routerLink]="['/login']">Login</a>

但是如果我尝试将 URL 输入到浏览器中，我会收到 404 错误。

这是我的主路由器：

export const AppRoutes: Routes = [
  {
    path: '',
    component: MainLayoutComponent,
    children: [
      { path: '', loadChildren: './components/dashboard/dashboard.module#DashboardModule' },
      { path: '', loadChildren: './components/auth/auth.module#AuthModule' }
    ]
  },
  {
    path: '**',
    redirectTo: '404'
  }
];

是否有路由器缺少配置？ 或者是什么问题？

请帮忙。

Answer 1

我想我不熟悉你的模式。但也许这是一个 auth 的事情.. 你有 2 个路径条目：''

但也许你只需要设置一个路径：'login'？

Answer 2

可能是角度与此路由器配置混淆

{ path: '', loadChildren: './components/dashboard/dashboard.module#DashboardModule' },
{ path: '', loadChildren: './components/auth/auth.module#AuthModule' }

您是否尝试过为模块提供一些路径

Answer 3

我现在不能在这里测试，但我认为它与

有关

• index.html 中缺少<base href="/"> 标记
• 或者您的 loadChildren 中的路径需要是“app/components/...”而不是“./components/...”（根据角度路由文档：https://angular.io/guide/router#lazy-loading-route-configuration）

如果这有帮助，请告诉我。