axios无法获取response headers中的内容

前言

后端在响应头中加了些参数，前端发起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")

其他

在小程序中发起跨域请求时，若服务端设置了对应的响应头，小程序可以直接获取所有响应头内容