Angular 2/4：如果用戶已經登錄，如何限制對登錄路由的訪問？

Question

我有以下路線定義。

export const Routes = RouterModule.forChild([
    {
        path: 'login',
        component: LoginComponent
    },
    {
        path: 'protected',
        canActivate: [AuthGuardService],
        component: ProtectedComponent
    },
    {
        path: 'home',
        component: HomeComponent,
        canActivate: [AuthGuardService],
    },
]);

我已成功實現AuthGuardService ，如果用戶AuthGuardService ，則限制對受保護路由的訪問。

我想要實現的是，如果用戶已經登錄並訪問了登錄路由，我希望它重定向到主頁等其他路由。

Answer 1

如果我是你，我可能會簡單地實現另一個與您的AuthGuardService完全相反的GuardService - 只有在本地存儲中沒有會話令牌的情況下才允許用戶。 然后使用它來保護登錄組件。

export const Routes = RouterModule.forChild([
    {
        path: 'login',
        canActivate: [AnonymousGuardService],
        component: LoginComponent
    },
    {
        path: 'protected',
        canActivate: [AuthGuardService],
        component: ProtectedComponent
    },
    {
        path: 'home',
        component: HomeComponent,
        canActivate: [AuthGuardService],
    },
]);