如何使用Reactjs fetch将POST数据发送到烧瓶

Question

我很反应，我试图抓住如何正确使用fetch。 我有这个python flask路线，我试图从后端击中，看起来像这样：

@app.route('/api/v1', methods=['POST'])
def postTest():
    if not request.json:
        return "not a json post"
    return "json post succeeded"

现在当我用post-man达到这一点时，我实际上能够得到我成功的消息。

这就是我的reactjs fetch看起来像：

 returnFlaskPost() { return fetch( 'http://localhost:5000/api/v1', { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: 'POST', body: { 'user1':'1234' } }); } 

每当我运行我的应用程序并尝试将此函数读取到控制台时，我得到的结果是：

有人可以向我解释我做错了什么，我该怎么做才能解决这个问题。 我非常感激。

Answer 1

这是跨源资源共享的问题。 在您的情况下，您正在尝试从不同的URL访问API端点，因为API正在自行提供。 顺便说一下，127.0.0.1:3000和127.0.0.1:5000被视为两个不同的URL，因此导致您所指的错误。 因此，要解决此问题，您需要执行以下步骤：

1. 安装Flask-CORS：

    pip install flask-cors 

2. 在Flask应用程序中包含此代码（可能是__init__.py）：

    from flask_cors import CORS CORS(app) 

而已！