Node.js服务中req.body返回undefined问题排查求助

嘿，咱们来拆解下你遇到的问题：POST请求返回500错误、req.body拿不到参数，其实核心原因很明确，还有几个小细节需要调整，我给你一步步理清楚：

1. 最关键的问题：没加JSON请求体解析中间件 #

Express框架默认不会自动解析JSON格式的请求体，所以你前端发的Content-Type: application/json的请求，后端根本没法解析成req.body，自然就返回undefined了——这直接导致你调用支付SDK的时候拿不到参数，抛出错误，最终返回500状态码。

解决方法很简单，在你的后端代码里，在CORS中间件之前（或者所有路由之前）添加express.json()中间件：

const express = require('express');
const app = express();

// 先加这行！解析JSON请求体
app.use(express.json());

// 你的CORS中间件
app.use(function (req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Credentials", "true");
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
  res.header("Access-Control-Allow-Headers", "Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers");
  next();
});

// 你的payment路由
app.post("/payment", function (req, res) {
  // 现在req.body就能拿到前端传的参数了
  console.log(req.body); // 可以先打印确认一下
  client.payments.create({
    amount: {
      value: req.body.amount.amount,
      currency: req.body.amount.currency
    },
    description: req.body.description,
  })
  .then(payment => {
    res.redirect(payment.getCheckoutUrl());
  })
  .catch(error => {
    console.log(error);
    // 这里建议给前端返回明确的错误响应，不然前端只知道500但不知道为啥
    res.status(500).json({ error: error.message });
  });
});

// 把listen放在最后，更规范
app.listen(3000, () => {
  console.log("Server running on port 3000");
});

2. 额外优化：前端fetch的错误处理 #

你的前端fetch代码没有处理响应状态和错误，即使后端返回问题，你也看不到具体信息。可以加一点逻辑：

price.addEventListener("click", function() {
  fetch("http://localhost:3000/payment", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      amount: { currency: "EUR", amount: "10.00" },
      description: "Description of the item to buy"
    })
  })
  .then(response => {
    if (!response.ok) {
      throw new Error(`请求出错啦！状态码：${response.status}`);
    }
    // 因为后端是重定向，fetch默认不会自动跳转到外部域名，所以可以手动获取链接跳转
    return response.text();
  })
  .then(checkoutUrl => {
    window.location.href = checkoutUrl;
  })
  .catch(error => {
    console.error("请求失败：", error);
  });
});

3. 其他需要确认的点 #

• 确保你的client对象已经正确初始化（比如你用的是Stripe或者其他支付SDK），如果client没定义，也会直接抛出500错误，可以在路由里先打印client确认。
• 有些支付SDK要求金额是整数（比如以分为单位），如果你的10.00欧元是字符串，可能需要转成"1000"（分），具体要看你用的服务商要求。

内容的提问来源于stack exchange，提问作者user12051965