Question

我正在尝试为我的Ionic App实现RefreshToken功能。 但是显然，该函数从不执行.flatmap或.mergeMap。而且我正在从本地存储中获取旧的'token'和'refreshToken'。该API使用以下格式。

  {
  "token": "string",
  "refreshToken": "string"
}

这是我的代码。

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request).catch((errorResponse: HttpErrorResponse) => {
        debugger;
        console.log("Errr Response RefreshTokenInterceptor------", errorResponse);
        debugger;
        const error = (typeof errorResponse.error !== 'object') ? JSON.parse(errorResponse.error) : errorResponse;
        let reqRefData = {
            "token": this.token,
            "refreshToken": this.refresToken
        }

        if (errorResponse.status === 401 && error.error.error === 'Token-Expired') {
            const http = this.injector.get(HttpClient);
            debugger
            let url = Base_Url + 'user/refresh-token';
            console.log(Base_Url + 'user/refresh-token');
            debugger;
            return this.http.post<any>(url, reqRefData)
                // .flatMap(data => {
                .mergeMap(data => {
                    debugger;
                    console.log("!!!!!Flatmap Data ", data);
                    localStorage.setItem('my_token', data.token);
                    debugger;
                    const cloneRequest = request.clone({ setHeaders: { 'Authorization': `Bearer ${data.token}` } });
                    debugger;

                    return next.handle(cloneRequest);
                });
        }

        return Observable.throw(errorResponse);
    });

}}

我也尝试使用.flatMap和.MergeMap。我在这里做什么错了？

Answer 1

您是否收到循环依赖的错误消息？从HTTP拦截器发出HTTP请求可能会抛出该请求。

角度刷新令牌

1 个答案: