Angular 7-刷新浏览器时AuthGuard不工作

Question

我面临一个MEAN堆栈应用程序的AuthGaurd问题。当我浏览页面链接时，AuthGaurdcanActivate运行良好。但是当刷新页面时-页面不工作(无限长时间保持加载状态(

以下是AuthGuard实现-

@Injectable()
export class AuthGuard implements CanActivate {
constructor(@Inject(PLATFORM_ID) private platform: any, private router: Router, private logInService: LoginService) { }
canActivate(route: ActivatedRouteSnapshot): boolean | Observable<boolean> | Promise<boolean> {
if (isPlatformBrowser(this.platform)) {
if (this.logInService.loggedIn && !this.logInService.isTokenExpired(this.logInService.getToken())) {
return true;
}
this.router.navigate(['/user/login']);
return false;
}
}
}

这是我的登录服务，运行良好-

public get loggedIn(): boolean {
if (isPlatformBrowser(this.platform)) {
return (localStorage.getItem(TOKEN_NAME) !== null);
}
}
isTokenExpired(token?: string): boolean {
if (isPlatformBrowser(this.platform)) {
if(!token) token = this.getToken();
if(!token) return true;
const date = this.getTokenExpirationDate(token);
if(date === undefined) return false;
return !(date.valueOf() > new Date().valueOf());  
}
}
getTokenExpirationDate(token: string): Date {
const decoded = jwt_decode(token);
if (decoded.exp === undefined) return null;
const date = new Date(0);
date.setUTCSeconds(decoded.exp);
return date;
}

我搞不清楚这个问题。提前感谢！

Answer 1

您有任何错误吗？

我想问题应该是你没有处理如果发生了什么

if (isPlatformBrowser(this.platform))返回false。