如何从HttpClient响应中访问头？(Angular / Ionic)

nfzehxib 于 2023-11-15 发布在 Ionic

关注(0)|答案(4)|浏览(190)

我使用的登录端点返回一个承载令牌作为响应头，正如我在“网络”Chrome检查窗口中看到的：

Response Headers
Access-Control-Allow-Credentials:true
Access-Control-Allow-Origin:http://localhost:8100
Authorization:Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJuZWxpby5jdXJzb3NAZ21haWwuY29tIiwiZXhwIjoxNTEyNzA3OTQ3fQ.pOR4WrqkaFXdwbeod1tNlDniFZXTeMXzKz9uU68rLXEWDAVRgWIphvx5F_VCsXDwimD8Q04JrxelkNgZMzBgXA
Cache-Control:no-cache, no-store, max-age=0, must-revalidate
Content-Length:188
(etc...)

字符串
然而，当我尝试使用HttpClient示例从响应中打印“header”时：

authenticate(credentials) {
    let creds = JSON.stringify(credentials);
    let contentHeader = new HttpHeaders({"Content-Type": "application/json"});
    this.http.post(this.LOGIN_URL, creds, { headers: contentHeader, observe: 'response'})
      .subscribe(
        (resp) => {
          console.log("resp-ok");
          console.log(resp.headers);
        },
        (resp) => {
          console.log("resp-error");
          console.log(resp);
        }
      );
  }

型
我得到了一个完全不同的结构：

HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
lazyInit : ƒ ()
lazyUpdate : null
normalizedNames : Map(0) {}

型
我还尝试了get（headerName）方法，结果为null。我错过了什么？我如何从我的响应中获得“Authorization”头？

ionic-framework

来源：https://stackoverflow.com/questions/47687774/how-to-access-headers-from-a-httpclient-response-angular-ionic

4条答案

按热度按时间

bakd9h0s1#

试着这样做：

authenticate(credentials) {
    let creds = JSON.stringify(credentials);
    let contentHeader = new HttpHeaders({ "Content-Type": "application/json" });
    this.http.post(this.LOGIN_URL, creds, { headers: contentHeader, observe: 'response' })
        .subscribe(
        (resp) => {
            let header: HttpHeaders = resp.headers;
            console.log(header.get('Authorization'))
        },
        (resp) => {
            console.log("resp-error");
            console.log(resp);
        }
        );
}

字符串

赞(0）回复(0）举报 2023-11-15

ffscu2ro2#

你就快成功了。
它不工作的原因是因为你没有使用headers的.get功能。
改变这种

console.log(resp.headers);

字符串
本

console.log(resp.headers.get('Authorization'))

型
更多信息：
官方文档

赞(0）回复(0）举报 2023-11-15

ogsagwnx3#

您确定要将其作为响应的一部分添加吗？您需要在响应中添加标题：

public void methodJava(HttpServletResponse response){
  ...
 response.addHeader("access-control-expose-headers", "Authorization");
}

字符串
然后你可以做你一直在尝试的事情，我认为headers.get（'Authorization'）应该会给你给予你想要的值

赞(0）回复(0）举报 2023-11-15

o7jaxewo4#

我最近也遇到了这个问题。经过调查，我发现这似乎是一个后端问题，需要在响应头中添加“隐藏-控制-暴露-头”。
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

赞(0）回复(0）举报 2023-11-15

我来回答

如何从HttpClient响应中访问头？(Angular / Ionic)

4条答案

相关问题

热门标签

最新问答