python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 7, Interview Questions Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language

What Is Angular HttpInterceptor?

HttpInterceptor - HttpInterceptors is an interface which uses to implement the intercept method.
Intercepts HttpRequest and handles them.

Intercepts is an advanced feature that allows us to intercept each request/response and modify it before sending/receiving.

Interceptors capture every request and manipulate it before sending and also catch every response and process it before completing the call.

Firstly, we can implement own interceptor service and this service will “catch” each request and append an Authorization header.

You can see in the following example,
import {Injectable} from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http';

export class MyInterceptor implements HttpInterceptor {
  //Intercepts HttpRequest and handles them.
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const reqHeader = req.clone({headers: req.headers.set('Authorization', 'MyAuthToken')});

    return next.handle(reqHeader);

After that you can configure your own interceptor service (MyInterceptor) and HTTP_INTERCEPTORS in the app Module.
import {NgModule} from '@angular/core';
import {HTTP_INTERCEPTORS} from '@angular/common/http';

  providers: [{
    useClass: MyInterceptor,
    multi: true,
export class AppModule {}

Following this logic, Authorization token will be appended to each request. It’s also possible to override request’s headers by using set() method.

For more detail kindly refer the link.... 

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions