服务端返回数组正常，但客户端Fetch请求获取空数组问题排查

核心问题分析 #

从日志和代码来看，服务端单独运行能返回正确结果，但客户端请求返回空数组，说明服务端未正确接收客户端参数，或者参数与数据库存储值不匹配。

排查步骤与解决方案 #

1. 检查服务端请求体解析中间件

客户端用FormData提交数据，对应的请求头是multipart/form-data，而Express默认的express.json()和express.urlencoded()无法解析这种格式的数据，会导致req.body为空，最终查询条件无效返回空数组。

解决方法：
使用multer中间件解析FormData：

• 安装依赖：

  npm install multer
  

• 在服务端配置中间件（放在路由注册前）：

  const multer = require('multer');
  const upload = multer(); // 仅解析字段，不处理文件上传
  
  // 解析非文件类型的FormData字段
  app.use(upload.none());
  

• 验证：在服务端函数里打印完整请求体，确认参数是否被正确接收：

  exports.findTreatment = (req, res) => {
    console.log('完整请求体:', req.body); // 新增这行
    const selectedTreatment = req.body.selectedTreatment;
    // ... 剩余代码
  };
  

2. 检查参数拼写与数据库匹配度

从客户端日志看到选中值是1 Treamtent，注意这里的拼写是Treamtent（少了一个字母a），如果数据库中存储的是正确的1 Treatment，则查询条件不匹配，必然返回空数组。

解决方法：

• 核对数据库中treatments表的treatmentName字段值，确认是否与客户端传参一致；
• 修正客户端下拉框的选项值，确保与数据库存储值完全匹配。

3. 备选方案：改用JSON格式提交（无需额外中间件）

如果不想配置multer，可以修改客户端代码，改用JSON格式提交数据：

fetch('manager/findTreatment', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    selectedTreatment: formData.get('selectedTreatment')
  }),
})

同时确保服务端已配置JSON解析中间件：

app.use(express.json());

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