如何设置标题为HttpHeaders角5[重复]

Question

我试图弄清楚如何处理HttpHeaders上的头，以便通过HttpClient将它们用于http请求。

const headers = new HttpHeaders();
headers.append('foo', 'bar');
headers.set('foo', 'bar');

console.log(headers.get('foo')) // null

它只能这样工作：

const headers = new HttpHeaders().set('foo', 'bar');
console.log(headers.get('foo')) // bar

有没有添加标题的特殊方法？还是虫子？

Answer 1

这对我有效：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

const url = `https://sampleapi.com`;

@Injectable()
export class BasicService {
  private _headers = new HttpHeaders().set('Content-Type', 'application/json');
  constructor(private httpClient: HttpClient) { }

  getWithHeader(): Observable<any> {
    const headers = this._headers.append('foo', 'Bar');
    return this.httpClient.get<any>(url, { headers : headers });
  }
}

这从一个私有变量开始，该变量使用set保存头的初始集。然后使用append在进行Http调用之前添加一个额外的标头。

请注意，append返回一个HttpHeaders对象，这就是为什么我将输出分配给const。仅仅运行append本身，认为现有的_headers将被更改，不会给你预期的结果。我确认HttpHeaders是不可变的。

编辑：来自HttpHeaders文档：不可变的Http头集，具有延迟解析。