reactjs - 修复 CORS 错误问题 axois.get MissingAllowOriginHeader

Question

好的：我正在www.gethatext.com上运行 LightSail 实例。

• 前端 - 反应，后端 - Django

在主页上，我向 Django 服务器发出 2 个 get 请求。

重要的是要说 Django 和 React 都在 apache 服务器中提供服务。

• apache 的 .conf 文件（http 和 https）

  ProxyPass /api http://localhost:8000。#姜戈。
  ProxyPassReverse /api http://localhost:8000 # Django。
  ProxyPass / http://localhost:3000/。# 反应。
  ProxyPassReverse / http://localhost:3000/。#反应。

所以我调查并读到我需要在 .conf 文件中添加以下内容<Directory>, <Location> or <VirtualHost>。所以我做了（并重新启动了所有源服务）。

<IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
</IfModule>

但它没有帮助。

但是当我在我的计算机中从 POSTMAN 发出相同的请求时，我得到了预期的响应（从实例终端运行后python manage.py runserver 0.0.0.0:8000）

我还在我的请求中添加了https://cors-anywhere.herokuapp.com
所以它看起来像：

axois.get("https://cors-anywhere.herokuapp.com/https://gethatext.com/api/account/quantity/")....

令人惊讶的是它起作用了。.
但这感觉不是一个好的做法，而且在数据隐私方面也是如此。

所以我想知道这里的问题是什么？

是否与 Django 和 React 都在同一个 apache 服务中提供服务有关？

还要添加到 axois 标头：

• “访问控制允许来源”：“*”

但没有运气

浏览器控制台错误：

干杯，谢谢。

标签： reactjsamazon-web-servicesapacheaxioscors

Answer 1

所以这个解决方案是
添加：

• “代理”：“https：my-domain.com”。
  到 package.json 和 axios 请求中。

  axios.get("/upload/quantity/").then()...
  它奏效了