axios无法获取响应头headers的Content-Disposition字段

axios 返回 response 响应头 headers 默认返回全小写

Access-Control-Expose-Headers

默认情况下，header只有六种 simple response headers （简单响应首部）可以暴露给外部：

• Cache-Control
• Content-Language
• Content-Type
• Expires
• Last-Modified
• Pragma

这里的暴露给外部，意思是让客户端可以访问得到，既可以在 Network 里看到，也可以在代码里获取到他们的值。

上面问题提到的 content-disposition 不在其中，所以即使服务器在协议回包里加了该字段，但因没“暴露”给外部，客户端就“看得到，吃不到”。

而响应首部 Access-Control-Expose-Headers 就是控制“暴露”的开关，它列出了哪些首部可以作为响应的一部分暴露给外部。

所以如果想要让客户端可以访问到其他的首部信息，服务器不仅要在heade里加入该首部，还要将它们在 Access-Control-Expose-Headers 里面列出来

解决办法

后端设置：

  response.setHeader("Access-Control-Expose-Headers", "Content-Disposition")
  response.setHeader("Content-Disposition", ...)

参考

• js无法获取响应header的Content-Disposition字段（2020）
• axios response中headers中数据和实际响应的不一致问题
• axios 获取响应头 开发环境和生产环境不一致问题
• Vuejs之axios获取Http响应头
• Axios get access to response header fields