Angular 2防止非身份验证用户访问路由和子级

使用CanActivate Route Guard。

假设用户通过身份验证后的路由为http：// localhost：3000 /＃/ dashboard

如果用户未通过身份验证，则可以通过以下方法防止仪表板路由（与AccountComponent及其子级有关）被访问。

在您的路线上：

{ path: 'dashboard',
    canActivate: [ AuthService ],
    component: AccountComponent,
    children: [
      ProfileComponent,
      FilesComponent
    ]
  }

并从身份验证服务中实现CanActivate：

@Injectable()
export class AuthService implements CanActivate {


    isAuthenticated(): boolean{
        // auth logic
    }

    canActivate(): boolean{
        const isAuth = this.isAuthenticated();
        if(!isAuth){
        //if not authenticated do something. e.g redirect to login  page
            this._router.navigate(['','/login'])
        }
        return isAuth;
    }
}