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

Question

I've been working on an app with a React.js frontend and a Python Flask backend (REST API), and one thing I want is for a form to send JSONified data from React to my Flask backend via a POST request, so that它可以被处理。

但是，我不断收到 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

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

提前致谢！

Answer 1

您的 url 似乎有问题

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

我不相信这是一个有效的 url 格式

也许你需要使用 url: https://cors-anywhere.herokuapp.com/memes或http://localhost:5000/