使用 axios 从 React 前端检索数据时，req.body.title 返回 undefined

Question

当我尝试 console.log(req.body.title) 时，我一直不确定。 此外，当我使用 console.log(req.body) 时，我只收到一个空的 {}。

我在前端使用 React，在后端使用 Express。 发布请求来自：

function handleClick(event) {
event.preventDefault();
const newPost = {
title: input.title,
content: input.content,
};
axios.post("http://localhost:5000/new", newPost).then(console.log(newPost));
}

在 server.js 这是我的帖子处理程序

app.post("/new", (req, res) => {
console.log(req.body);
});

Answer 1

当我尝试 console.log(req.body.title) 时，我一直不确定。

请参阅request.body 的 API 参考：

默认情况下，它是未定义的，并且在您使用诸如 express.json() 或 express.urlencoded() 之类的正文解析中间件时填充。

你没有这样的中间件。 您需要按照文档该部分中的示例设置一个（与您发送的数据的格式相匹配 - 在这种情况下为 JSON）。