尝试从React前端向Flask后端发出POST请求时获取404

神秘芒果

我一直在开发一个带有React.js前端和Python Flask后端(REST API)的应用程序,而我想要做的一件事是让表单通过POST请求将React中的JSONized数据发送到我的Flask后端,这样可以处理。

但是,我不断收到404(未找到)HTTP错误,这确实令人沮丧,因为我真的不知道如何调试它。我不确定在请求之间会发生什么,为什么会这样。

这是相关的React前端代码:

handleSubmit = (e) => {
        e.preventDefault();
        const text = {
            text : this.state.content
        };
        const sendText = {
            method: 'POST',
            headers: { 'Content-Type': 'application/json',
                        'Accept': 'application/json'
                    },
            body: JSON.stringify(text)
        };
        console.log(sendText.body);
        const url = 'https://cors-anywhere.herokuapp.com/http://localhost:5000/memes';
        fetch(url, sendText).then(response => response.json())
            .then(data => console.log(data));
        console.log("Success!") 

这是相关的Flask代码

@app.route('/memes', methods=['POST'])
def memes():
    data = request.get_json()
    text = data["text"]
    return jsonify({"result": "success!", "text": text}), 200

知道有什么问题吗?请随时问我正在做什么或正在使用什么的任何问题。

提前致谢!

IamMashed

网址似乎有问题

const url =' https: //cors-anywhere.herokuapp.com/http://localhost:5000/memes ';

我不认为这是有效的网址格式

也许您需要使用以下网址:https//cors-anywhere.herokuapp.com/memeshttp:// localhost:5000 / memes

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从React前端向PHP后端发送POST请求?

如何从前端向Spring发出HTTP POST请求?

从独立的 React 向 Django 发出 POST 请求

当我向 api 服务器发出 post 请求时收到 404 错误

尝试通过图片向Bayimg发出php POST请求

从Laravel后端发送信息到React前端而无需先发出请求

尝试向pypi api发出请求时出现403错误

向Flask Restful应用发出请求时出现问题

向具有 CSRF 保护的 Ruby on Rails 应用程序发出 POST 请求时出现 404 错误

React Hooks:如何向服务器发出POST请求

向Chef发出POST请求

前端(React)不会向 Heroku 上的后端(Spring Boot)发送请求

React前端无法发布到Flask后端

使用 Flask 后端和 React 前端登录

ECONNRREFUSED 使用 Nodejs 向 API 发出获取请求时出错

在向 spring-boot 发出 POST 请求时,如何在 java 方法中获取有效负载?

当我向后端发出POST请求并尝试访问正文时,每个属性都会转换为字符串,包括数组

React Loader-尝试在发出api请求时获取加载器,并在获取响应时停止加载器

尝试向 Nest JS 服务器发送特定 POST 请求时,为什么会出现 404 错误?

使用获取发出POST请求

尝试发送 POST 请求时收到 404 错误

向Web服务发出POST请求

从 NodeJS 向 Amazon Lex 发出 POST 请求

向Google表单发出POST请求

R 如何向 MongoDB 发出 POST 请求

Polymer:向NodeJS后端发出JSON Ajax请求

ErrorException:从Angular 5 Service向Laravel 5.4 API发送POST请求时,“尝试获取非对象的属性”

RuntimeError:尝试从另一个Python脚本向Flask应用发送POST请求时在请求上下文之外工作

从 Flask 后端到 React 前端选择选项值