如何在角度5中将标题设置为HttpHeaders

时间:2017-12-20 11:11:40

标签: angular xmlhttprequest http-headers angular5

我试图找出如何处理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

是否有一种特殊的方式来添加标题?或者这是一个错误?

1 个答案:

答案 0 :(得分:6)

这对我有用:

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保存初始标头集的私有变量。然后在进行Http调用之前使用append添加其他标头。

请注意append返回一个HttpHeaders对象,这就是我将输出分配给const的原因。只是单独运行append,认为现有的_headers会被更改,不会给您提供您可能期望的结果。我确实确认HttpHeaders是不可变的。

编辑:来自HttpHeaders docs:不可变的Http标头集,使用延迟解析。