如何将数据从反应发布到 sql 数据库答案

【问题标题】：How can I post data from react to sql database如何将数据从反应发布到 sql 数据库
【发布时间】：2020-04-26 23:33:59
【问题描述】：

当我尝试发布数据时，它给了我GET http://localhost:5000/stored 404 (Not Found)。如何发布数据，然后将其存储在 mysql 数据库中？

这是React中的代码

import React from 'react'
    class InsertProduct extends React.Component{
        constructor(){
            super( )
        }

   postData(){

    fetch('/stored', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
            },
        body: JSON.stringify({
            firstParam: 'yourValue',
            secondParam: 'yourOtherValue',
        })
        })

   }
    render(){
        return(
            <div>
                <button onClick={() => this.postData()}>Submit</button>
            </div>
        )
    }
}


export default InsertProduct;

这是node和express

app.post('/stored', (req, res) => {
  res.send(req.body)

});

【问题讨论】：

标签： mysql node.js reactjs express

【解决方案1】：

您必须分享更多代码，以便我确切知道哪里出了问题。但错误说它无法在端口 5000 上的“/stored”端点上找到 GET 方法。

您正在共享 POST 端点的代码，但您的错误消息显示为 GET。所以那里有些奇怪。您应该仔细检查该错误消息是否由于发布请求而发生。
在您的反应代码中，您只有 fetch("/stored"...)，5000 是您的服务器正在侦听的正确端口吗？
另一个可能的问题是，您可能在某些未共享的快速中间件代码中存在错误。

对于调试，首先记录来自端点的响应：

app.post('/stored', (req, res) => {
  res.send('POST request received');
})

一旦您确认收到了预期的响应，然后继续解析请求的正文并将其发送到您的数据库。

【讨论】：

其实问题出在我的网络上。我在代码中做得很好，但网络给了我问题