HttpInterceptor in angular with example-Adding token to every request

June 13, 2018
HttpInterceptor –  feature in Angular 4.3.

We may need to intercept Http request while building apps with Angular. Sometimes we may you need to intercept Http request to add something to request header or to do something with the response.

We can use Http Interceptor to do some action when sending  a request.This can be achieved using  the following interceptor class which implemenets Httpinterceptor.The interceptor adds an ‘access_token’ and a  ‘token’ to the header.The tokens are stored in the local storage.To use HttpInterceptor we need to  implement HttpInterceptor in the following way

Import the interceptor the following way in module.ts files

 

Modify and use the above class to implement Intercepror.

For official documentation visit this page

https://angular.io/api/common/http/HttpInterceptor

No Comments

Leave a Reply

Your email address will not be published. Required fields are marked *