javascript - 无法访问 JS 中的 fetch() 响应位置 header

Question

我遇到的问题已经在 stackoverflow 和其他平台( 1 、 2 )讨论过，但所提供的解决方案在我的情况下是不可能的。

我正在尝试通过 POST 请求和 fetch() 从 BlueSnap(支付处理公司 details about the exact action can be found here )获取 token 。请求正在运行，并且 token 正在通过响应中的 Location header 发送给我。 我可以通过 Chrome 开发工具看到 header 和所需的 token ，但我无法在 JS 代码中获取和使用它。该response.headers对象是空的，并且我尝试访问response.header.Location的任何方式都失败了。

我尝试过这个:

console.log(response.headers.get('location'))

还有这个

for(const header of response.headers){
  console.log(header);
}

但这似乎都不起作用。

As disscused here我尝试添加这个:

'Access-Control-Expose-Headers': 'location'

到我的请求中的 header 列表，使其适合 CORS policy requiremnts ，但这没有帮助。我认为这应该插入服务器端，而不是客户端。我的猜测是我不是第一个遇到这个问题的人，但是 BlueSnap 的客户支持并没有解决这个问题的方法。唯一可能的解决方案是在服务器上添加'Access-Control-Expose-Headers': 'location'吗？

我的问题是:我如何访问这个http响应位置 header ，它确实发送到我的浏览器，但目前无法与我的JS代码一起使用。

非常感谢您的时间和精力!

*我认为我对这个特定问题并不重要，但我正在使用 ReactJS 开发这个项目

Answer 1

你不能。

用于在网络浏览器中从 JavaScript 发出 HTTP 请求的 API(fetch 和 XMLHttpRequest)透明遵循重定向。

response 对象将包含对 location header 中指定位置的请求的响应。您永远无法访问包含重定向指令的响应。

---

如果您阅读 documentation对于 API，它说:

You create a Hosted Payment Fields token for the specific checkout session, using a server-to-server API call.

…所以你一开始就不应该从客户端 JS 访问它。