拦截器不拦截 http POST 请求（Angular 6）答案

【问题标题】：Interceptor not intercepting http POST requests (Angular 6)拦截器不拦截 http POST 请求（Angular 6）
【发布时间】：2019-01-18 00:28:52
【问题描述】：

我创建了一个实现 httpinterceptor 的角度拦截器。它适用于 http GET 请求。但 POST 请求失败。

我的拦截器代码如下。

import { Injectable, Injector } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest,         HttpHeaders,HttpResponse } from '@angular/common/http';

import { Observable } from 'rxjs';

@Injectable()
export class MyHttpInterceptor implements HttpInterceptor {
  constructor() { console.log('enter constructor');
   }

  intercept(
    req: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {
    console.log('entered interceptor')
    const token = localStorage.getItem('sessiontoken') != null ?     localStorage.getItem('sessiontoken') : 'notoken';
    const authReq = req.clone({ headers:     req.headers.set("Authorization", token) });

    return next.handle(authReq);

  }

}

模块添加了提供者。

providers: [
{
  provide: HTTP_INTERCEPTORS,
  useValue: { disableClose: true, minWidth: 400, hasBackdrop: true },
  useClass: MyHttpInterceptor,
  multi: true
}
]

在组件中我已经导入了 httpClient 并使用了 this.http.post

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

【问题讨论】：

为什么你在同一个提供者声明中有useValue和useClass？
我删除了，还是不行

标签： angular angular6 angular-http-interceptors

【解决方案1】：

我找到了答案，我将 HttpClientModule 导入到所有子组件的模块中。它应该只在 app.module.ts 中导入。一旦我从每个文件中删除了所有 HttpClientModule，问题就解决了，成功地将标头绑定到每个请求。（不记得为什么我实际上不必要地导入了它，一些教程复制错误）

谢谢大家，干杯

【讨论】：

哦，伙计...这为我节省了数小时的工作时间。为什么是这样？我已经将它导入到功能模块中的forRoot 静态方法中，这修复了它。那是我唯一拥有它的地方。
也为我工作