[英]Angular AuthGuard canActivate
AuthGuard blocks everything it should. AuthGuard 会阻止它应该阻止的一切。 But one undesirable thing happens when I return true.
但是当我返回 true 时,会发生一件不受欢迎的事情。 I get a "test" in the console, but instead of letting me in /test, it redirects me to /.
我在控制台中得到一个“测试”,但不是让我进入 /test,而是将我重定向到 /。 Why?
为什么? It's RouterModule in app.module.ts:
它是 app.module.ts 中的 RouterModule:
RouterModule.forRoot([
{ path: 'test', component: HomeComponent, canActivate: [AuthGuard] },
{ path: 'account/register', component: RegisterComponent }
], { relativeLinkResolution: 'legacy' })
And it's AuthGuard:它是 AuthGuard:
import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';
import { CookieService } from 'ngx-cookie-service';
import { Observable } from 'rxjs';
import { AuthService } from '../services/auth.service';
@Injectable()
export class AuthGuard implements CanActivate {
constructor(private _authService: AuthService, private _cookieService: CookieService, private router: Router) { }
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
const tokenExists: boolean = this._cookieService.check("token");
if (tokenExists == true) {
const token = this._cookieService.get("token");
this._authService.isAuthenticated(token).subscribe(data => {
if (data as any == true) {
console.log("test");
return true;
}
else if (data as any == false) {
this.router.navigate(['account/register']);
return false;
}
else {
this.router.navigate(['account/register']);
return false;
}
});
}
else {
this.router.navigate(['account/register']);
return false;
}
}
}
Why is this happening?为什么会这样?
You should return subscribe scope too.您也应该返回订阅 scope。 refator as
重构为
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree { const tokenExists: boolean = this._cookieService.check("token"); if (tokenExists == true) { const token = this._cookieService.get("token"); return this._authService.isAuthenticated(token).subscribe(data => { if (data as any == true) { console.log("test"); return true; } else if (data as any == false) { this.router.navigate(['account/register']); return false; } else { this.router.navigate(['account/register']); return false; } }); } else { this.router.navigate(['account/register']); return false; } }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.