Refresh token with Angular

app.module.ts

@NgModule({

providers: [
        {
            provide: HTTP_INTERCEPTORS,
            useClass: TokenInterceptorService,
            multi: true
        },
        {
            provide: HTTP_INTERCEPTORS,
            useClass: RefreshTokenService,
            multi: true
        },
    ],
})

refresh-token.service.ts

import {Injectable} from '@angular/core';
import {
    HttpClient,
    HttpErrorResponse,
    HttpEvent,
    HttpHandler,
    HttpInterceptor,
    HttpRequest
} from "@angular/common/http";
import {Observable, throwError} from "rxjs";
import {catchError, flatMap, tap} from "rxjs/operators";
import {TokenInterceptorService} from "./token-interceptor.service";

@Injectable({
    providedIn: 'root'
})
export class RefreshTokenService implements HttpInterceptor {

    constructor(private http: HttpClient, private tokenInterceptor: TokenInterceptorService) {
    }

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        return next.handle(req)
            .pipe(
                catchError(error => {
                    const responseError = error as HttpErrorResponse;
                    if (responseError.status === 401) {
                        return this.http.post<any>('http://localhost:8000/api/refresh', {})
                            .pipe(
                                tap(response => localStorage.setItem('token', response.token)),
                                flatMap(() => this.tokenInterceptor.intercept(req, next))
                            );
                    }


                    return throwError(error);
                })
            );
    }

}

token-interceptor.service.ts

import {Injectable} from '@angular/core';
import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from "@angular/common/http";
import {Observable} from "rxjs";

@Injectable({
    providedIn: 'root'
})
export class TokenInterceptorService implements HttpInterceptor {

    constructor() {
    }

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const tokenizedReq = req.clone({
            setHeaders: {
                Authorization: 'Bearer ' + localStorage.getItem('token')
            }
        });
        return next.handle(tokenizedReq);
    }

}