尝试使用 react js 中的公理发送 Post API 时出现 CORS 策略错误答案

【问题标题】：CORS Policy error while trying to use axiom from react js to send Post API尝试使用 react js 中的公理发送 Post API 时出现 CORS 策略错误
【发布时间】：2021-09-11 23:59:26
【问题描述】：

在尝试从 React js 向 Python 烧瓶 API 发出 Axios API 调用时，我收到了 CORS 策略错误

Access to XMLHttpRequest at 'http://127.0.0.1:4000/testing' from origin 'http://localhost:3000' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

任何人都可以指导我使用来自 react js 的以下 API 调用：

const headers = { 
    'Authorization': 'Bearer my-token',
    'My-Custom-Header': 'foobar'
};
axios.post('http://127.0.0.1:5000/testing')
.then(console.log('OK'));

event.preventDefault();

由于我是 react js 新手，学习需要一些指导。

我尝试在项目的 package.json 文件中使用代理

【问题讨论】：

标签： python reactjs api flask

【解决方案1】：

您是否在烧瓶中启用了 CORS？

from flask_cors import CORS, cross_origin
.
.
.
app = Flask(__name__)
CORS(app)
app.config['CORS_HEADERS']='Content-Type'

【讨论】：

你好 Areeb 感谢这项工作。 API 现在正在返回输出，感谢您的帮助
当我尝试更改并添加另一个用于插入数据库的 API 时，我再次遇到同样的错误 .from flask_cors import CORS, cross_origin app= Flask(name) CORS(app) app.config['CORS_HEADERS']='Content-Type'; @app.route('/test', methods=['GET','POST']) def test(): if request.method=='POST': userDetails=request.form name=userDetails['name'] ;返回“API 测试命中”。 React JS 代码：axios.post('127.0.0.1:5000/test',name_data,{headers}) .then(response=>console.log(response.data));