【JS】无法获取response headers中Content-Disposition

最新推荐文章于 2024-08-21 12:27:06 发布

一颗不甘坠落的流星

最新推荐文章于 2024-08-21 12:27:06 发布

阅读量4.7k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：编码报错及解决方法文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_45677671/article/details/130748011

编码报错及解决方法专栏收录该内容

24 篇文章

订阅专栏

当使用fetchAPI进行GET请求时，尽管服务器返回的响应头包含Content-Disposition，由于浏览器的同源策略限制，客户端无法直接获取。为解决此问题，需在服务器端设置Access-Control-Expose-Headers，明确指定允许暴露给客户端的头部信息，例如添加`response.setHeader(Access-Control-Expose-Headers,Content-Disposition)`，这样客户端才能正确读取Content-Disposition字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

- 问题复现
- 解决方法

问题复现

在这里插入图片描述

从响应头中看是有 Content-Disposition 的，然后实际打印：

fetch(
  url,
  {
    method: 'GET',
    headers: {
      'content-type': 'application/json',
      'X-Requested-With': 'XMLHttpRequest',
    },
    mode: 'cors',
    credentials: 'include',
  },
)
.then((res) => {
      // 从响应头中获取 Content-Disposition
      console.log('Content-Disposition ：', res.headers.get("Content-Disposition")); 	// 打印结果为 null
  })

解决方法

上面问题提到的 content-disposition 打印不出来，即使服务器在协议回包里加了该字段，但因没暴露给外部，客户端就拿不到。
而响应首部 Access-Control-Expose-Headers 就是控制“暴露”的开关，它列出了哪些首部可以作为响应的一部分暴露给外部。
所以如果想要让客户端可以访问到其他的首部信息，服务器不仅要在heade里加入该首部，还要将它们在 Access-Control-Expose-Headers 里面列出来
需要后端添加上去：

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