Angular 5 CanActivate 仅在用户对象返回时

Question

我有一个 AuthService 提供 loggedIn() 函数，如果登录则返回 true，否则返回 false。但是，我使用 JWT 是为了让用户保持登录状态。由于我不仅想检查 JWT 是否过期，还想检查此 Token 是否适合用户，我验证（如果令牌是存储在本地Storage）这个。我如何返回一个简单的真或假？我尝试过这样的事情：

授权服务：

loggedIn(): Observable<boolean> {
    const token = this.loadToken();
    if (token) {
        const headers = this.server.createAuthHeaders(null, null, token);
        const httpOptions = {
            headers
        };
        return this.http.get(url, httpOptions)
        .map(user => typeof(user) === 'object')
        .catch(err => Observable.of(false));
    }
    return Observable.of(false);
}

和 AuthGuard：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    return this.authService.loggedIn().map((loggedIn) => {
        if (!loggedIn) {
            this.router.navigate(['/login']);
            return false;
        } else {
            return true;
        }
    }).take(1);
}

Answer 1

loggedIn 应该返回一个Observable<boolean>。

只需将其代码更改为

  loggedIn(): Observable<boolean> {
    const token = this.loadToken();
    if (token) {
      return this.http.get(url, httpOptions)
        .map(user => isObject(user))
        .catch(err => Observable.of(false));
    }
    return Observable.of(false);
  }