Axios 响应拦截器为何无法获取特定 Header 信息?

Axios 响应拦截器为何无法获取特定 Header 信息?

在 axios 响应拦截器中获取不到特定 header 信息?

在使用 axios 响应拦截器获取响应 header 信息时,发现某些信息无法获取到,例如 access-token 属性,这是怎么回事呢?

解决方法:

这个问题通常出现在跨域请求中。当发起跨域请求时,浏览器会限制前端访问响应头中的某些信息,以保护用户数据安全。

要解决这个问题,需要在后端响应中设置 access-control-expose-headers header,指定允许前端访问的 header 名称。例如:

  1. Access-Control-Expose-Headers: Access-Token

登录后复制

设置此 header 后,前端就可以在响应拦截器中通过 res.headers[‘access-token’] 获取到 access-token 的值。

以上就是Axios 响应拦截器为何无法获取特定 Header 信息?的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    如何实现父元素中子元素的两行排列并自动换行?

    2025-3-7 9:01:28

    编程技术

    Tailwindcss 自定义 Variant 不生效的原因是什么?

    2025-3-7 9:01:38

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索