如何在角度 6 的获取请求中显示结果标头

Question

我无法在获取请求的结果中显示标题。

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

@Injectable({
  providedIn: 'root'
})
export class ApisService {
  link = 'http://13.233.34.68:3000/api/';
  xToken = 'nil';

  constructor(private http: HttpClient) { }
  getToken() {
    if (this.xToken === 'nil') {
      const header1 = new HttpHeaders({'username': 'angular', 'password': '123456'});
      this.http.get(this.link + 'get-token', {headers: header1})
        .subscribe(
          (result) => {
            console.log(result['headers']);
          }
        );
    }
  }
}

我在控制台中得到的结果显示“未定义”。 请帮忙。

编辑： 使用时

    this.http.get(this.link + 'get-token', {observe: 'response', headers: header1})
    .subscribe(
  (result) => {
    console.log('header keys:', result.headers.keys());
    console.log('header X-ABC:', result.headers.get('X-ABC'));
    console.log(result.body);
}

我在控制台中得到输出

header keys: 
Array(4) [ "cache-control", "content-type", "expires", "pragma" ]
apis.service.ts:18:12
header X-ABC: null apis.service.ts:19:12
Object { success: true }

Answer 1

在选项中，添加observe: 'response'，那么您的返回类型将为Observable<HttpResponse<T>>。最近的角度，默认返回Observable<T>（即observe?: 'body'）。

有了HttpResponse<T>，你就可以访问响应对象了。

this.http.get(this.link + 'get-token', {observe: 'response', headers: header1})
    .subscribe(
      (result) => {
        console.log('header keys:', result.headers.keys());
        console.log('header X-ABC:', result.headers.get('X-ABC'));
        console.log(result.body);
      }
    );

Angular 会自动尝试检测 body 的类型。这也可以通过responseType 选项控制。

response 和body 的替代品是observe: 'events'，它会返回Observable<HttpEvent<T>>。然后，您将从HttpClient 获得可用的事件。事件是：

type HttpEvent<T> = HttpSentEvent | HttpHeaderResponse | HttpResponse<T> | HttpProgressEvent | HttpUserEvent<T>

参考documentation。