如何在反应 js 应用程序的响应中添加 http 标头

Posted 2023-02-19

【中文标题】如何在反应 js 应用程序的响应中添加 http 标头

【英文标题】：How to add http Headers in react js app's response

【发布时间】：2020-02-02 14:39:20

【问题描述】：

我有一个反应 js 应用程序。我想在从应用程序返回的每个响应中添加一些 http 标头。您能否建议如何实现这一点！

注意：我不想在请求中调用任何带有标头的 api。我希望我的反应应用在响应中使用一些自定义标头进行响应

【问题讨论】：

据我了解，这应该在托管反应应用程序的 Web 服务器上完成。

【参考方案1】：

const header = new Headers();
header.append('Access-Control-Allow-Origin', '*');

const body = 
  author: author,
  text: text


axios.post("https://api.test/posts/create", body, header)
  .then((res) => 
    this.setState(
      result: res
    );
  )
  .catch((error) => 
    this.setState(
      error: error.message
    );
  )

你必须使用原生对象Headers，并在axios中添加。

【讨论】：

"axios.post("api.test/posts/create", body, header)" 中的这个 url 是什么。我没有调用任何 api。我有一个从浏览器调用的网络应用程序（一个反应应用程序）。我想添加响应标头并在浏览器开发工具中查看标头

好的，我以为您想将内容发布到 API。网址就是一个例子。

不。我想在响应应用程序的响应中添加标题

这绝对不正确，您试图在请求标头中添加响应标头，这是不可行的！顺便说一句，语法不正确，您需要像这样传递一个对象作为第三个参数： headers: 'SOME_HEADER_KEY': 'SOME_VALUE'

【参考方案2】：

正如评论中提到的Dovlet Mamenov，这必须在托管 React 应用程序的 Web 服务器上完成。

例如，如果 React 应用程序托管在 Apache 服务器上，那么响应中的这些 http 标头应该添加到 Apache 服务器配置中。