CanActivate AuthGuard 被忽略？

Question

I'm loading a books module with the following routing configuration (src/app/index.ts) -- 请注意，这是一个 stackblitz 链接 - 现在它通过在答案中实施修复来工作 - 打破它从 Books Module 路由中删除 authguard：

{
  path: 'books',
  loadChildren: './books/books.module#BooksModule',
  canActivate: [AuthGuard],
},

books 模块 (src/app/books/index.ts) 中的路由如下所示：

export const routes: Routes = [
  { path: '', component: CollectionPageComponent },
];

由于某种原因，加载此路由会关闭 AuthGuard / CanActivate 防护不会触发。它里面有一个日志记录语句来跟踪它什么时候触发。

如果路由被这样注释掉：

export const routes: Routes = [
//{ path: '', component: CollectionPageComponent },
];

然后守卫触发。想法？

Answer 1

问题在于 authguard 需要存在于您的 BooksModule 路由定义中。

#in books/index.ts

export const routes: Routes = [
  { path: '', component: CollectionPageComponent, canActivate: [AuthGuard] },
];

然后您可以从 app/index.ts 中删除 canActivate

Answer 2

您只能将canActivate 防护与组件一起使用。如果你想保护你的延迟加载模块，请使用canLoadguard。