append-jwt-token.interceptor.ts

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

export function appendToken(req: HttpRequest<any>, token: string) {
  return req.clone({
    headers: req.headers.set('Authorization', `Bearer ${token}`)
  });
}

@Injectable()
export class AppendJwtToken implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const token = localStorage.getItem('access_token');
    const updatedReq = token ? appendToken(req, token) : req;
    return next.handle(updatedReq);
  }
}