Angular 2 路由总是通过 root /

Question

如果我有这样的路由配置：

app-routing.module.ts

const routes: Routes = [
  { path: '', loadChildren: './private/private.module#PrivateModule' },
  { path: 'login', component: LoginComponent }
];

当我导航到/login 时，延迟加载的私有模块将始终加载。最大的问题是如果我在那里有canLoad 守卫，那么只有经过身份验证的用户才能访问它。但是，如果每次我去/login 我都会通过canLoad 守卫将重定向回/login 将再次通过canLoad 等等 - 将创建一个无限循环。对此有任何想法或解决方法。

理想情况下，我希望有一个公共路由/login 和一个私有模块/，其中将包含私有模块以及它们之间的共享模块，这些模块将被延迟加载。我不想在路由上有任何前缀，这就是为什么我想使用根路由/。

|_ core
|_ shared
|_ login
|_ private
|____ shared
|____ core
|____ dashboard
|____ etc

编辑：

为了说明这里是一个截图：

当我登录时，您可以看到0.chunk.js 已加载，这是私有模块。当它在/ 路由上定义并且我不在/ 路由上时，它不应该加载。

Answer 1

从登录路由中删除canActive，并在''路由中添加canLoad: [LoginGuard]。由于您的腰部路线是在路线上，因此不需要有人看守。

const routes: Routes = [
  { path: '', loadChildren: './private/private.module#PrivateModule', canLoad: [LoginGuard] },
  { path: 'login', component: LoginComponent }
];