HttpInterceptor in angular with example-Adding token to every request

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


No Comments

Leave a Reply

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