javascript - canActivate 导致不断刷新 - Angular2+

Question

我正在尝试在我的应用程序路由上使用 canActivate 功能，但是每当我编译该应用程序时，日志都会显示不断刷新的失败消息，我已将 console.log() 用于可见性。

我在这里遗漏了什么吗？

Answer 1

this.router.navigate([''], {queryParams: {returnUrl: state.url}});

每次未登录时都会执行，从而导致您在路由器配置中进行无限重定向

{path: '', component: HomepageComponent, canActivate: [AuthGuard]},

为例如添加一个显式路径登录组件。并且 {path: '**', redirectTo: ''} 还应该指向某种 CatchUnmatchedPathComponent，用户在其中获得某种 404 页面表示。