Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Adding AppHttpInterceptorService to the main module

Now that we have our interceptor configured and ready to be used, we need to add it into the main application module:

1. Open ./Client/src/app/app.module.ts and add the following import, right after the HttpErrorHandler import:

 import { AppHttpInterceptorService } from  './shared/_services/app-http-interceptor.service';

2. Add the following code, inside the providers array, right after the HttpErrorHandler property:

 {
        provide: HTTP_INTERCEPTORS,
        useClass: AppHttpInterceptorService ,
        multi: true
 }

3. At the end of the previous step, our main application module will include the following code:

 import { BrowserModule, Title } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; ...