Angular HttpClient将标头附加到HttpHeaders

Question

我正在从HttpServer升级到HttpClientService，作为其中的一部分，我必须将标题从Headers切换到HttpHeaders。但是由于某些原因，我的自定义标题不再被追加。我需要更新什么才能附加标题？

  private getHeaders(headers?: HttpHeaders): HttpHeaders {
    if (!headers) {
      headers = new HttpHeaders();
    }
    headers.delete('authorization');
    const token: any = this.storageService.getItem('token');
    if (token) {
      headers.append('Authorization', 'Bearer ' + token);
    }
    const user: User = this.storageService.getObject('user');
    if (user && Object.keys(user).length) {
      headers.append('X-Session-ID', user.uuid);
      headers.append('X-Correlation-ID', this.uuidService.generateUuid());
    }
    return headers;
  }

该方法返回一个httpHeader，但它是空的。

Answer 1

HttpHeaders.append返回带有值的标头的克隆，它不会更新对象。您需要将返回值设置为标题。

<强>角/包/普通/ HTTP / SRC / headers.ts

append(name: string, value: string|string[]): HttpHeaders { 
  return this.clone({name, value, op: 'a'}); 
} 

因此，要附加标题，请执行此操作。

let headers: HttpHeaders = new HttpHeaders();
headers = headers.append('Content-Type', 'application/json');
headers = headers.append('x-corralation-id', '12345');

和繁荣！