Question

执行＆＃34; ng build --prod＆＃34;

后，路线出现问题

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

<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

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

有关

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

如果有帮助，请告诉我。

Answer 2

我想我不熟悉你的模式。但也许它是一个认真的东西..你有两个路径条目：＆＃39;＆＃39;

但也许你只需要设置一条路径：＆＃39;登录＆＃39; ？

Answer 3

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

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

您是否尝试过提供模块的路径

无法访问通过url懒惰加载模块

3 个答案: