防止在Angular中多次触发令牌刷新请求

问题描述

我正在使用JWT构建基本的身份验证系统。以下是基本的工作流程：

在向API发送请求之前，我有一个HttpInterceptor，它检查令牌是否已过期。如果尚未过期，拦截器将通过JWT将授权标头附加到请求。如果已过期，则需要在发送实际请求之前刷新令牌。当刷新请求到达后端时，它将针对数据库检查刷新令牌，并删除条目，使其只能使用一次，然后将返回新的JWT +刷新令牌。

我的某些页面在访问它们时会触发多个请求，这就是问题所在。一次将发送多个参照请求，因此只有第一个到达后端的请求会成功返回。所有其他请求将返回401错误，这会导致客户端问题。

因此，我正在寻找一种方法来暂停所有请求，直到第一个刷新请求返回。 HttpInterceptor调用一个返回JWT的函数，方法是检查到期日期，并在到期时触发刷新请求。

令牌拦截器：

intercept(request: HttpRequest<any>,next: HttpHandler): Observable<HttpEvent<any>> {
    // Get access token
    this._auth.getAccessToken().subscribe((accessToken: string) => {
        request = request.clone({
            setHeaders: {
                Authorization: `Bearer ${accessToken}`
            }
        });
        return next.handle(request);
    });
}

获取访问令牌功能：

public getAccessToken(): Observable<string> {
    if (!this._authUser) return throwError("User is not logged in.");   // Make sure user is logged in

    // Refresh token
    if (this.checkTokenExpired())
        return this.refreshToken().pipe(map(() => this._authUser.tokenManager.accessToken));

    return of(this._authUser.tokenManager.accessToken);
}

对于模拟请求，此架构成为问题，因为刷新请求将被多次发送。我需要一个互斥锁之类的东西来停止第一个请求之外的所有请求，并在刷新令牌后释放所有请求并返回新的JWT。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular authentication fork-join jwt-auth