无法使用-> [routerLink] =“'/ profile /'+ currentUser.id”访问用户组件

Question

我已在app-routing.module.ts中设置

{path: 'profile:/userId', component: ProfileComponent, canActivate:[AuthGuard]},
// In case the address doesn't match our paths ,redirects to login
{path: '**', redirectTo: 'login'}

任何未知的路径词都会将我重定向到登录页面，但是当我单击导航栏按钮上的个人资料时，也会发生这种情况。

它不是登录profile.componennt.html视图而是登录。您知道为什么会这样吗？

 <a [routerLink]="'/profile/' + currentUser.id" class="nav-link">Profile</a>

Answer 1

出于两个原因，它可能会重定向到登录页面：

1-您的AuthGuard失败，它重定向到登录页面

2-路径在路线中不正确

{path: 'profile/:userId', component: ProfileComponent, canActivate:[AuthGuard]},
{path: '**', redirectTo: 'login'}