typescript Angular HttpInterceptor

Posted 2021-05-21

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

@Injectable()
export class TokenInterceptor implements HttpInterceptor {

    get Token(): string {
        const u: User = JSON.parse(localStorage.getItem('user'));
        let token: string;
        u === null ? token = '' : token = u.access_token;
        return token;
    }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        request = request.clone({
            setHeaders: {
                Authorization: `Bearer ${this.Token}`,
                Accept: 'application/json'
            }
        });
        return next.handle(request);

    }

}
      
// Register the TokenInterceptor in the same module where the HttpClientModule is imported

import { HttpClientModule, HTTP_INTERCEPTORS  } from '@angular/common/http';
import { TokenInterceptor } from './token.interceptor';

@NgModule({
  imports: [
    HttpClientModule,
    ...
  ],
  declarations: [
    ...
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true },
    ...
  ]
})