web-dev-qa-db-ja.com

Angular HttpClientはヘッダーをHttpHeadersに追加します

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を返しますが、空です。

enter image description here

angularangular-httpclient
19
efarley

HttpHeaders.appendは、値が付加されたヘッダーのクローンを返しますが、オブジェクトは更新しません。戻り値をヘッダーに設定する必要があります。

angular/packages/common/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');

そしてブーム！ enter image description here

52
efarley