Node.js Express中HTTP POST请求参数提取失败问题排查求助

我来帮你排查这个问题，后端接收到空req.body通常是因为请求内容的解析规则不匹配导致的，我们一步步来解决：

第一步：先确认前端请求是否正确发送了数据 #

先打开浏览器开发者工具（按下F12），切换到Network标签，触发你的save_options_to_database()函数后，找到/save_options的POST请求：

• 查看Payload或Request Body面板，确认是否显示{"test":"1"}的内容；
• 查看Headers面板，确认Content-Type是否为application/json;charset=UTF-8。

核心问题：后端JSON解析器的匹配规则 #

你当前后端用了app.use(express.json())，它默认只解析Content-Type严格等于application/json的请求，但你的前端设置的是application/json;charset=UTF-8（带了charset参数），这就导致express的JSON解析器跳过了对这个请求的解析，最终req.body是空对象。

两种解决方案 #

方案一：修改后端解析器配置，兼容带charset的请求 #

调整express.json()的配置，让它能识别包含application/json的Content-Type：

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

// 配置解析器，接受任何包含application/json的Content-Type
app.use(express.json({ 
  type: function(req) {
    return req.get('content-type')?.includes('application/json');
  }
}));

app.post('/save_options', (req, res) => {
    console.log(req.body); // 现在应该能正确输出 { test: '1' } 了
    res.sendStatus(200);
});

方案二：修改前端请求头，去掉charset参数 #

直接把前端的Content-Type改成标准的application/json，这样默认的解析器就能正常工作：

function save_options_to_database() {
    var do_it_async = true;
    var request = new XMLHttpRequest();
    request.onload = function () {
        var status = request.status;
        var data = request.responseText;
    }
    request.open("POST", "/save_options", do_it_async);
    // 去掉charset参数，使用标准的Content-Type
    request.setRequestHeader("Content-Type", "application/json");
    request.send(JSON.stringify(DATA_FRONTEND_OPTIONS));
}

额外排查点 #

• 确保app.use(express.json())放在所有路由定义的前面，否则路由会先执行，无法获取解析后的body；
• Express 4.16+已经内置了JSON解析功能，你引入的body-parser其实是多余的，可以删掉（保留也不会影响，但没必要）。

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