无法从响应 ReactJS 中获取 X-custom-header

Posted 2023-02-27

【中文标题】无法从响应 ReactJS 中获取 X-custom-header

【英文标题】：Cant get X-custom-header from response ReactJS

【发布时间】：2022-01-18 23:37:57

【问题描述】：

我正在使用react-fetching-library 向服务器发送请求，并且我想从我的 ReactJS 应用程序中读取响应标头。

我所做的是在获取后尝试从 Headers 对象 (headers.entries()) 中读取它们，但我只能访问两个标题：content-length 和 content-type。

预检OPTIONS 请求具有以下标头：

Access-Control-Allow-Headers: authorization,content-type
Access-Control-Allow-Methods: GET,HEAD,PUT,PATCH,POST,DELETE
Access-Control-Allow-Origin: *

实际响应只有Access-Control-Allow-Origin: * 标头

我想从我的 js 代码中读取 X-custom-header 标头。我该怎么做？

【参考方案1】：

好的，我终于设法解决了这个问题

你需要做的就是添加这个响应头：

Access-Control-Expose-Headers: *,Authorization,X-custom-header

从现在开始，您可以从您的 JS 访问自定义标头

【讨论】：

此列表应包含响应标头，因此在其中包含 Authorization 是毫无意义的，因为它是一个请求标头。