XmlHttpRequest getAllResponseHeaders() 未返回所有标头

Question

我试图从 ajax 请求获取响应标头，但 jQuery 的 getAllResponseHeaders xhr 方法仅显示“Content-Type”标头。有人知道为什么吗？

这是响应标头
访问控制允许凭据：true
访问控制允许标头：If-Modified-Since、缓存控制、内容类型、保持活动、X-Requested-With、授权
访问控制允许方法：GET、PUT、POST、DELETE、OPTIONS
访问控制允许来源：*
访问控制最大年龄：1728000
授权：apikey="apikey1" AuthenticationToken="62364GJHGJHG"
连接：保持活动
内容长度：240
内容类型：application/json；字符集=utf-8
X-Powered-By:Express

这是成功函数

params.success = function (response, textStatus, jqXHR) {
  console.log(jqXHR.getAllResponseHeaders())
}

这是它记录的内容...
内容类型：application/json；字符集=utf-8

Answer 1

刚刚遇到这个。这是因为您正在执行 CORS 请求，并且没有公开 Location 标头。

您需要将 Access-Control-Expose-Headers 添加到 Express 中的预检 CORS 响应中：

res.header('Access-Control-Expose-Headers', 'Content-Type, Location');
res.send(200);

这将解决问题。

Answer 2

根据以下

https://developer .mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

Access-Control-Expose-Headers 响应标头通过列出其名称来指示哪些标头可以作为响应的一部分公开。

默认情况下，仅公开 7 个 CORS 安全列表响应标头：

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

因此，这对于可访问和公开所有标头来说非常有效

res.header('Access-Control-Expose-Headers', '*');