为什么即使我使用API Post请求[duplicate]发送数据，req body仍然是{}

Question

我正在创建自己的API（使用express）和react.js应用程序。但是，当我从react应用程序发送数据时，服务器不会检索数据。这是我的密码：

发布请求客户端：

async function sendRequest(text) {

    const url = "http://localhost:51515/initialize"
    const settings = {
        method: "POST",
        body: {
            text: text
        }
    }
        
    try {
        const response = await fetch(url, settings)
        return await response.json()
    } catch(err) {
        console.log(err)
    }
}

服务器端POST请求检索：

const express = require("express");
const app = express();
const PORT = 51515

app.use(express.json())

app.listen(
    PORT,
    () => console.log(`API initialized on http://localhost:${PORT}`)
)

app.post('/initialize', (req,res) => {
    console.log(req.body) // The log output is {}
})

你知道我怎么解决这个问题吗？

Answer 1

您只需要将这些参数添加到您的设置对象中。

const settings = {
    method: "POST",
    body: JSON.stringify({
        text: text
    }),
    headers: { "Content-Type": "application/json" }
}