我已经实现了登录前和登录后的保护措施,以使某些用户无法访问所有页面。我的问题是,当用户未登录时&尝试输入未经授权的页面(例如“ localhost:4200 / restricted_page”)时,应将其重定向到登录页面“ localhost:4200 / login”。但是我无法重定向到登录页面。现在,它仅重定向到localhost:4200。
我应该在哪里修复代码?
export class BeforeLoginGuard implements CanActivate {
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
return !this._tokenService.loggedIn();
}
constructor(private _tokenService: TokenService) { }
}
export class AfterLoginGuard implements CanActivate {
constructor(private _tokenService: TokenService) { }
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
return this._tokenService.loggedIn();
}
}
export class TokenService {
payload(token) {
const payload = token.split('.')[1];
//decoding
if (typeof (payload) !== 'undefined')
return JSON.parse(atob(payload));
return false;
}
loggedIn() {
// return this.isValid();
const token = this.getToken();
console.log("token", token);
if (token) {
const payload = this.payload(token);
if (payload) {
return Object.values(this.iss).indexOf(payload.iss) > -1 ? true : false;
}
}
return false;
}
}
我相信localhost:4200/restricted_page
-此路线将具有AfterLoginGuard。
所以在那个部分
canActivate( next: ActivatedRouteSnapshot,state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
let flag = this._tokenService.loggedIn();
if(flag ){
return flag ;
} else {
// Navigate to login component. You will have to add router to constructor
and then this.router.navigate(['/login']);
return;
}
return flag;
}
理想情况下,我认为应该只有一个具有不同条件的Auth gaurd。但是无论如何,您已经开发了上面的2将为您工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句