javascript-Angular 2 http Observable请求未返回响应标头

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Angular 2 http Observable请求未返回响应标头，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1194字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Angular 2.2.3并使用rxjs对可观察对象进行http请求.标头显示在Chrome控制台中,但是响应中标头对象上的标头列表为空.
这是代码：

登录功能

login(body: Object): Observable<Response> {
    return this.http.post(this.url, body);
}

调用登录功能并订阅可观察对象

this.authService.login(values).subscribe(res => {
    console.log(res.headers.get("Authorization"))
    console.log(res)
},
err => {
    console.log(err);
});

我做错了什么还是应该做不同的事情？

Chrome网络控制台响应标头

Console.log结果

空值为res.headers.get(“ Authorization”)
如您所见,标题列表为空.

非常感谢您的帮助！

解决方法:

我已经找到解决问题的方法.事实证明,Angular在幕后使用XMLHttpRequest.因此,可以“以编程方式”显示给客户端的标头(使用Angular的功能)必须位于标头Access-Control-Expose-Headers的列表中.当我们将请求发送回客户端时,必须在后端创建此列表.这是我使用ExpressJS来启用Authorization标头的方法：

app.use((req, res, next) => {
  // List of headers that are to be exposed to the XHR front-end object
  res.header('Access-Control-Expose-Headers', 'Authorization');
  next();
});

我在前端的初始代码保持不变,并且现在显示Authorization标头的console.log.

Documentation explaining why we need this header

整个文档非常有趣,我以为我在API方面还不错,但是在阅读本文时我学到了很多：-)

内容总结

以上是互联网集市为您收集整理的javascript-Angular 2 http Observable请求未返回响应标头全部内容，希望文章能够帮你解决javascript-Angular 2 http Observable请求未返回响应标头所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端