angular5 - Angular 5 通用 httpClient - 即使使用 HttpObserve 也无法获取实际的 http header 响应 :'response'

Question

使用 Angular 5 通用 httpClient 进行 http post 调用时，我没有获得实际的 http header 。我在请求中传递“observe: 'response'”以获得完整响应(默认情况下 httpClient 仅返回响应正文)。

我想从http header 响应中读取位置值。我可以使用 Chrome 浏览器 WebView 在响应 header 中看到 Location 可用。

但是当我在 Angular 中读取 httpClient 响应时，同样不可用。

屏幕截图 - console.log:

import {
    Component,
    OnInit
} from '@angular/core';
import {
    HttpClient,
    HttpHeaders,
    HttpResponse
} from '@angular/common/http';

getData() {
    const headers = new HttpHeaders({
        'Content-Type': 'application/x-www-form-urlencoded',
        'Accept': 'application/json'
    });

    const url = 'http://localhost:1003/jaxrs/report/3003/params/';

    this.http.post(url, {}, {
            headers: headers,
            observe: 'response'
        })
        .subscribe(res => {
            console.log(res);
        });
}

屏幕截图 - WebView

有人可以帮我解决这个问题吗？提前致谢。

Answer 1

您必须观察对此的响应:如下例:

this.http.post(yourURL, null, { observe: 'response' })
.subscribe(res => {
    console.log(res.headers);
})

希望这能回答您的问题。