前端 - axios接口请求下载文件,但是获取不到header信息?

Question

axios({
  url: 'url',
  method: 'POST',
  responseType: 'blob', // Set the response type to 'blob'
}).then((response) => {
  console.log(response);
  console.log(response.headers['content-disposition']); // undefined
});

axios接口请求下载文件,但是获取不到header信息?

但是接口响应头确实有返回

打印的response的headers中却没有content-disposition

Answer 1

出于安全考虑，JS 能拿到的 response header 是有限的，参考这个文档：

Forbidden header name

Answer 2

目测是跨域接口，而且用的是 CORS 方案。

CORS 里默认只有如下七个响应标头可以被 JS 读取到：

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

其余的需要服务端显式返回 Access-Control-Expose-Headers。

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Acc...