axios response中headers中数据和实际响应的不一致问题

axios是一个基于promise的http客户端可以在浏览器和node.js中使用。

在axios中我们可以通过

 ##axios 会把响应头名称变为小写
axios.get('/user/12345')
  .then(function(response) {
    console.log(response.headers);
  });

获取响应头，此时我们发现响应头里面仅仅有少量的响应头

h1.png

h2.png

出现这个问题是原因是CORS的限制，我们可以通过在服务器端使用

Access-Control-Expose-Headers

来访问我们想访问的头 尤其在访问自定义头时有重要意义
跨域资源共享 CORS 详解