【问题标题】:Cant get X-custom-header from response ReactJS无法从响应 ReactJS 中获取 X-custom-header
【发布时间】:2022-01-18 23:37:57
【问题描述】:

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

我所做的是在获取后尝试从 Headers 对象 (headers.entries()) 中读取它们,但我只能访问两个标题:content-lengthcontent-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 标头。我该怎么做?

【问题讨论】:

    标签: reactjs http header cors


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 此列表应包含响应标头,因此在其中包含 Authorization 是毫无意义的,因为它是一个请求标头。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-22
    • 1970-01-01
    • 1970-01-01
    • 2021-11-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多