javascript - App.post req.body 对象显示为空

Question

我通过 axios.post 向我的服务器端点发送一个 JSON 对象，数据似乎控制台为空，即使在我的 axios 中它可以正确控制台。

我的前端运行在端口:3000 和我的服务器端口:3400。

我的 axios 帖子:

  getRefundCalc(props) {
console.log('the props of the card, are they different for each card?' + JSON.stringify(props))

var headers = {
  'Content-Type': 'application/json'

}
axios.post(`http://localhost:3400/refundCalc`, props, { headers: headers })
  .then(res => {
    console.log('props within axios ++++++++++++++++++ 2' + JSON.stringify(props))

  })
}

控制台与“props”配合得很好，我将在最后添加对象本身。这是我的应用程序帖子:

app.post('/refundCalc', function (req, res) {
  console.log('response from client - get refund request ' + JSON.stringify(req.body))
  console.log('request from client - get refund request ' + req.body)
})

我的服务器的设置如下所示:

let multer = require('multer');
const server = app.listen(port, () => console.log(`Example app listening on port ${port}!`))
var cors = require('cors')
app.use(cors())
const express = require('express');
const app = express();
const bodyParser = require('body-parser')

app.use(bodyParser.urlencoded({ extended: false }))

这是我从 app.post 端点获得的响应:

response from client - get refund request {}
request from client - get refund request [object Object]

我的前端甚至服务器端都没有任何错误。正如您所看到的，当我对请求进行字符串化时，它只是空的!

我尝试发送的数据采用以下格式:

{
"data": {
    "items": {
        "id": 1580841107519,
        "variant_id": 7051095179327,
        "title": "Fashion Summer Floral Print Dress",
        "name": "Fashion Summer Floral Print Dress - Black / L",
        "quantity": 1,
        "price": "16.76",
        "product_id": 561553145919
    },
    "imageLinks": {
        "product_id": 561553145919,
        "image_src": "https://cdn.shopify.com/s/files/1/0013/6688/4415/products/product-image-308841702.jpg?v=1521568884",
        "varrient_id": [7051095179327, 7051095212095, 7051095244863, 7051095277631]
    },
    "id": 0
},
"classes": {
    "card": "MediaCard-card-1",
    "media": "MediaCard-media-2"
}
}

我的预期结果是我可以在我的服务器端点上控制台我的数据所以我知道我成功接收它并且可以使用它，感谢您提供的任何帮助。

Answer 1

由于您以 JSON 格式发送正文，因此需要在服务器端使用 JSON 解析器来解析正文。您需要添加这一行:

app.use(bodyParser.json());