Angular2：触发当前路径保护 – 处理注销操作

发布时间：2020-12-17 07:02:01 所属栏目：安全来源：网络整理

导读：我正在使用JWT对用户进行身份验证.我的angular2应用程序中的部分路径受CanActivate Guard保护,如果用户未登录,它将重定向到登录页面.现在我正在实现注销按钮,并希望重定向到登录页面.我希望仅在非登录用户(例如帐户页面)看不到当前路由时才重定向.如果用户在

我正在使用JWT对用户进行身份验证.我的angular2应用程序中的部分路径受CanActivate Guard保护,如果用户未登录,它将重定向到登录页面.现在我正在实现注销按钮,并希望重定向到登录页面.我希望仅在非登录用户(例如帐户页面)看不到当前路由时才重定向.如果用户在例如主页中,我不想重定向到登录页面.

如果我能够检查当前路线是否有防守并且如果存在则触发该防护,那将是完美的.有可能这样做吗？

守护：

public canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot) {
    if (this.loginService.getCurrentUserName()) {
        // logged in so return true
        return true;
    }
    // not logged in so redirect to login page with the return url
    this.router.navigate(['/login'],{ queryParams: { returnUrl: state.url }});
    return false;
}

解决方法

对于所有路线保护所需的页面,您可以拥有特定的路线路径(例如’/ account / ..’,您可以检查路线保护页面是否已登录

public canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot) {
    this.checkRouteNaviation(this.route.url);
}

public checkRouteNaviation(url) {
    if(url.includes('account') && !this.loginService.getCurrentUserName()) {
        // when url is of guard url and not logged in,redirect to login page with the return url
        this.router.navigate(['/login'],{ queryParams: { returnUrl: state.url }});
        return false;
    }
    return true;
}

希望能帮助到你

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!