• 在此文件夹中新建index.ts文件和noop-interceptor.ts文件
• 在index.ts中写入

　　　　/* "Barrel" of Http Interceptors */

　　　　import { HTTP_INTERCEPTORS } from '@angular/common/http';

　　　　import { NoopInterceptor } from './noop-interceptor';

　　　　/** Http interceptor providers in outside-in order */

　　　　export const httpInterceptorProviders = [

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

　　　　];

• 在noop-inter-interceptor.ts文件中写入

1. 先引用注入
   import TokenUtil from '../../utils/token.util'
2. import { AppRoutingModule } from './app-routing.module';
3. @Injectable()
4. export class NoopInterceptor implements HttpInterceptor {

     constructor(private tokenUtil: TokenUtil) { }

     intercept(req: HttpRequest<any>, next: HttpHandler)

     {

       // Get the auth token from the service.

       const authToken = this.tokenUtil.getToken();

       // Clone the request and replace the original headers with

       // cloned headers, updated with the authorization.

       const authReq = req.clone({

         headers: req.headers.set('Authorization', `bearer ${authToken}`)

       });

       // send cloned request with header to the next handler.

       return next.handle(authReq);

     }

   }

• 在app.module.ts中引用和注入新建的一系列文件 TokenUtil 和 httpInterceptorProviders 组件
  
• 在@NgModule中的imports中声明一次

1. TokenUtil
2. ReactiveFormsModule

• 在providers中进行一次（使用）