前言
后端在响应头中加了些参数,前端发起axios请求,在浏览器中发现这些参数在response headers中返回了(能看到),但是axios取不到!
好久之前遇到过这个问题,解决过但是没有记录,前两天又碰到了,一时没想起来,只好百度了一下,发现之前遇到过,哈哈,在此记录一下,加深一下印象吧!
原因
在前后端分离的情况下,会出现跨域问题,默认情况下 浏览器 只允许前端获取到一些默认的响应头字段,包括 Content-Language、Content-Type、Expires、Last-Modified 和 Pragma。
解决
如果需要获取其他的响应头字段,比如自定义的 Authorization、Cache-Control 或其他自定义字段,就需要在服务器端设置 Access-Control-Expose-Headers 配置,明确指定允许前端获取的响应头字段。
代码
response.header("Authorization", token)response.setHeader("Access-Control-Expose-Headers", "Authorization")
其他
在小程序中发起跨域请求时,若服务端设置了对应的响应头,小程序可以直接获取所有响应头内容