无法在 Angular 中看到添加到 HTTP 请求的标头

Question

大致遵循这个答案并检查 Angular 文档关于header 操作，我添加了以下拦截器 class （如此处所示）。

注意。 它被调用并且对请求 object 的其他操作（比如使它成为 HTTPS 等）工作。 但是，添加/附加或更新/设置 header 似乎都没有显示。

export class CoolInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler)
    : Observable<HttpEvent<any>> {

    request.headers.append("Shazoo", "Hazaa");
    request.headers.set("Content-Type", "application/text");

    console.log(request.headers);

    return next.handle(request);
  }
}

出于某种原因，显示的 object 不包含操纵的标题。 我得到以下内容。

HttpHeaders {normalizedNames：映射（0），lazyUpdate：null，标题：映射（0）}

如果我手动运行append或在控制台中set ，我看到 object 发生了一些变化。 遗憾的是，它没有告诉我什么有用的lazyArray现在包含一个元素，也没有告诉我为什么它在执行期间打印时不包含任何内容。

HttpHeaders {normalizedNames: Map(0), lazyUpdate: Array(1), headers: Map(0), lazyInit: HttpHeaders}

我已经研究了一段时间，我相信我做对了，除了一些我无法检测或诊断的小错误。

如何在拦截器中更改我的请求的标头 object？

或者，尽管有文档，但拦截器对于此类功能的位置选择是否不佳？ 那将遵循这个建议。 我还看到有人通过RequestOptions和/或通过更改注入的HttpClient的this.http.get(...)参数提出了不同的方法，就像这样。

Answer 1

HttpHeaders上的set方法不会改变 object，但会创建一个副本。 因此，虽然

    request.headers.set("Content-Type", "application/text");

不起作用， [编辑： request本身是不可变的，因此需要克隆]

    const clonedWithRequiredHeaders = request.clone({
        setHeaders: {"Content-Type": "application/text"},
    })

应该。