API调用反应，服务器上的请求正文为空

Question

我尝试从我的react应用到我的nodejs服务器的API调用。这是服务器代码。

const express = require('express')
const app = express()
const port = 80
var bodyParser = require('body-parser');

app.use(bodyParser.json());
app.use('/api', function (req, res) {
    console.log(req.body)
})
app.listen(port)

以及react应用代码

function callServerWebhook(data) {
   fetch('http://<IP>/api', {
      method: 'POST',
      headers: {'Content-Type': 'application/json', 'Accept': 'application/json'},
      body: JSON.stringify({'username': 'foo', 'password':'bar'})
   })         
}

当我打印请求正文时，它给了我一个空的对象。我做错了什么？

Answer 1

您同时需要bodyParser.json()和bodyParser.urlencoded()才能正确解析数据：

bodyParser.urlencoded()