【问题标题】:not able to receive axios data sent via post method at my backend无法在我的后端接收通过 post 方法发送的 axios 数据
【发布时间】:2021-09-08 13:02:39
【问题描述】:

所以我使用 react js 作为我的前端框架和 node 和 express js 作为我的后端。 我使用 axios 将数据从我的 react 应用程序发送到我的后端服务器,但无法在我的服务器端接收数据。

我的 react js 代码发送数据

function handelClick(event){
    event.preventDefault();
    
    console.log(data);
    axios.post("http://localhost:9000/login",data)
    .then(response=>console.log(response))
    .catch(err=>console.log(err));
}

我的节点js服务器端代码来接收数据

app.post('/login',(req,res)=>{console.log(req);});

我以为我可以在 req 对象中找到发送的数据,但我没有看到它。 我是新人,因此非常感谢您的帮助。

【问题讨论】:

  • 您能确认请求是由您的handleClick 函数发送的吗?控制台中是否有任何日志/错误?您可以从 Postman 或 curl 发帖到您的 localhost:9000/login 端点吗?
  • @LostJon 每当我单击提交按钮时,我都会在服务器端控制台获得一个请求对象。所以这意味着请求已发送,req 对象包含所有标头和路由以及其他元素,但我没有看到我发送的这些数据
  • @LostJon 对于一般情况,我们如何才能在我的服务器端正常获取 axios post 方法发送的数据
  • 你在node应用主文件中设置cors和json解析器中间件了吗?
  • @LucaPizzini 感谢您的回复,我已经完成了我的 cors,但我没有设置我的 JSON 解析器,我修复了它,现在它可以工作了。谢谢大家。

标签: node.js reactjs axios


【解决方案1】:

你在 reactjs 文件中导入 axios 了吗?或者您可以尝试检查 reactjs 应用程序的 package.json 有:

"proxy": "http://127.0.0.1:5000" //port running on your server

【讨论】:

  • 我已经导入了 axios 问题是服务器端我没有设置我的 express.json 。我现在解决了。感谢您的输入
猜你喜欢
  • 2019-08-28
  • 2021-07-11
  • 1970-01-01
  • 2012-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-11
  • 2020-02-29
相关资源
最近更新 更多