He implementado un JWT y un flujo de token de actualización. Cuando implementé esto en el pasado, lo hice un poco diferente, principalmente porque el token de actualización se envió en el cuerpo.

Pero ahora lo hice de manera diferente y tengo que enviar el token de acceso a través del encabezado de Autorización, pero mi código de interceptor no quiere cambiar el token de portador. ¿Cómo soluciono que si quiero actualizar, en realidad uso el token de actualización como el token de portador en lugar del token de acceso que ha caducado?

 intercept( request: HttpRequest<any>, next: HttpHandler ): Observable<HttpEvent<any>> { const token = this.userService.getJWTToken(); if (token) { request = this.addToken(request, token); } return next.handle(request).pipe( catchError((error) => { if (error instanceof HttpErrorResponse && error.status === 401) { return this.handle401Error(request, next); } else if (error.status !== 0) { return throwError(error); } }) ); } private addToken(request: HttpRequest<any>, token: string): HttpRequest<any> { return request.clone({ setHeaders: { Authorization: `Bearer ${token}`, }, }); } private handle401Error( request: HttpRequest<any>, next: HttpHandler ): Observable<HttpEvent<any>> { if (!this.isRefreshing) { this.isRefreshing = true; this.refreshTokenSubject.next(null); //This is what I've tried, to switch out the tokens request = this.addToken(request, this.userService.getRefreshToken()); //this.userService.refreshToken() is a POST request, where I want the refresh token as the bearer token, instead of the access token return this.userService.refreshToken().pipe( switchMap((token: TokenDTO) => { this.isRefreshing = false; this.refreshTokenSubject.next(token.accessToken); return next.handle(this.addToken(request, token.accessToken)); }) ); } else { return this.refreshTokenSubject.pipe( filter((token) => token != null), take(1), switchMap((accessToken) => next.handle(this.addToken(request, accessToken)) ) ); } }

También intenté configurar el encabezado HTTP en el token del portador de autorización, en la solicitud posterior

 public refreshToken(): Observable<TokenDTO> { const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${this.getRefreshToken()}`, }); return this.httpClient .post<TokenDTO>(`${this.hostname}/users/refreshToken`, {}, headers) .pipe( tap((tokens: TokenDTO) => { this.saveTokens(tokens); }) ); }