Angular 新的头不会与拦截器一起添加

我想在Angular 8应用程序中向所有HttpClient添加头。这是我的拦截器：

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

@Injectable()
export class Interceptor implements HttpInterceptor {
  constructor(private toaster: ToastrService) {}

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

    alert('Interceptor!');

    // Set headers
    const headers = req.headers;

    // Set this header for security
    headers.set('test', 'value');

    const authReq = req.clone({ headers });

    return next.handle(authReq);
  }
}

从'@angular/core'导入{Injectable}；
从'@angular/common/http'导入{HttpEvent，HttpInterceptor，HttpHandler，HttpRequest，HttpHeaders}；
从“rxjs”导入{Observable}；
@可注射（）
导出类拦截器实现HttpInterceptor{
构造函数（专用烤面包机：ToastrService）{}
截取（req:HttpRequest，next:HttpHandler）：可观察{
警报（‘拦截器’）；
//设置标题
const headers=req.headers；
//为安全设置此标题
headers.set（'test'，'value'）；
const authReq=req.clone（{headers}）；
返回next.handle（authReq）；
}
}

---

警报已执行，但测试标题未添加到请求中。

来自官方文档：

您不能直接修改上一页中的现有标题 选项对象，因为HttpHeaders类的实例是 不变的

请改用set（）方法。它返回当前文件的克隆 应用了新更改的实例

您需要克隆请求并在那里设置头

const newReq =  req.clone({ headers: req.headers.set('test', 'value') });
return next.handle(newReq);

---

从官方文件：

您不能直接修改上一页中的现有标题 选项对象，因为HttpHeaders类的实例是 不变的

请改用set（）方法。它返回当前文件的克隆 应用了新更改的实例

您需要克隆请求并在那里设置头

const newReq =  req.clone({ headers: req.headers.set('test', 'value') });
return next.handle(newReq);

给你

1） 您可以通过以下方式使用现有的和添加新的，并且可以放置在某个实用程序中，以便对所有拦截请求进行重用

2） 根据您的要求，使用新标题或旧标题覆盖标题

 setRequestHeaders(req: HttpRequest<any>): HttpHeaders {
    const headerSettings: { [name: string]: string | string[]; } = {};
    // GET ALL EXISTING HEADERS
    for (const key of req.headers.keys()) {
      headerSettings[key] = req.headers.getAll(key);
    }

    // ADD NEW HEADERS
    headerSettings[COMMON_CONSTANTS.HEADERS.AUTHORIZATION] = 
        : 'Bearer some-random-token';
    headerSettings[COMMON_CONSTANTS.HEADERS.CACHE_CONTROL] = 'max-age=0, no-cache, must-revalidate, proxy-revalidate';   

    return new HttpHeaders(headerSettings);
  }

给你

1） 您可以通过以下方式使用现有的和添加新的，并且可以放置在某个实用程序中，以便对所有拦截请求进行重用

2） 根据您的要求，使用新标题或旧标题覆盖标题

 setRequestHeaders(req: HttpRequest<any>): HttpHeaders {
    const headerSettings: { [name: string]: string | string[]; } = {};
    // GET ALL EXISTING HEADERS
    for (const key of req.headers.keys()) {
      headerSettings[key] = req.headers.getAll(key);
    }

    // ADD NEW HEADERS
    headerSettings[COMMON_CONSTANTS.HEADERS.AUTHORIZATION] = 
        : 'Bearer some-random-token';
    headerSettings[COMMON_CONSTANTS.HEADERS.CACHE_CONTROL] = 'max-age=0, no-cache, must-revalidate, proxy-revalidate';   

    return new HttpHeaders(headerSettings);
  }