3

我正在尝试制作旧时尚应用程序的 Angular 2 版本。有一项服务会向服务器发送重复请求以检查用户是否正在登录。登录守卫将检查轮询以查看登录会话结果(从请求中获取)是否有效,以向路由返回正确的信号。

这是我的服务的功能:

getUser(): Observable<User> { return this.http.get<User>(this.userUrl); }

这是我的后卫的 canActive 功能:

canActivate( next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean { // const isLoggedIn = this.authService.isLoggedIn(); return this.authService.getUser().flatMap((data) => { console.log(data); if (data.id === 1 && data.name === 'Beany' ) { console.log(1111) return Observable.of(true); } else { console.log(2222) this.router.navigate(['pages/login']); return Observable.of(false); } });

该路线有效,但只有 1 次。不确定是否可以重复此操作(当请求完成时,服务将重新向服务发送检查,当然我应该为此设置一点超时)?

4

1 回答 1

5

实际上,我认为检查会话超时不是一个好习惯。守卫是一个简单的canActivate检查,例如用户是否有权打开这条路线。为了检查会话超时,我会在您的服务中放置一个计时器,该计时器将调用后端以获取信息。我也会HttpInterceptor用来检查后端的错误。当您的后端将发送带有代码的错误消息时,401 UNAUTHORIZED它会将用户导航到登录页面,如下面的示例所示。

@Injectable()
export class UnauthorizedInterceptor implements HttpInterceptor {

    constructor(private router: Router) { }

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

        return next.handle(req).catch(err => {
            if (err instanceof HttpErrorResponse) {
                if (err.status === 401) {
                    this.router.navigate(['/Login']);
                }
            }
            return Observable.throw(err.statusText);
        });
    }
}
于 2018-01-02T12:38:17.710 回答