Express API中Multer与body-parser共存时req.file为undefined问题求助

嘿，我帮你把server.js的配置整理好，确保Multer（处理文件上传）和body-parser（处理常规POST/GET请求）能完美配合，路由划分也清晰：

首先得明确中间件的执行顺序——这很关键！我们要先让body-parser处理除了文件上传之外的请求，然后单独给/api/upload端点配置Multer，最后挂载api.js里的/api路由。

下面是完整的server.js示例代码：

// 引入依赖
const express = require('express');
const bodyParser = require('body-parser');
const multer = require('multer');
const apiRoutes = require('./api'); // 引入api.js的路由

// 初始化Express实例
const app = express();

// 配置body-parser处理常规JSON和表单请求
// 注意：不要把这个中间件应用到文件上传的路由，避免干扰Multer
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

// 配置Multer的存储选项（这里用磁盘存储做示例，你也可以用内存存储）
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, './uploads/'); // 确保uploads文件夹存在，否则会报错
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname); // 避免文件名重复
  }
});

// 初始化Multer实例，可添加文件限制（比如大小、类型）
const upload = multer({ 
  storage: storage,
  limits: { fileSize: 1024 * 1024 * 5 }, // 限制5MB
  fileFilter: function (req, file, cb) {
    // 只允许上传图片（示例）
    if (file.mimetype.startsWith('image/')) {
      cb(null, true);
    } else {
      cb(new Error('只允许上传图片文件！'));
    }
  }
});

// 配置文件上传的端点：/api/upload
// 这里用upload.single('file')表示接收名为file的单个文件，你也可以用array/fields处理多文件
app.post('/api/upload', upload.single('file'), (req, res) => {
  // 文件上传成功后，req.file里包含文件信息，req.body包含其他表单字段
  if (!req.file) {
    return res.status(400).json({ message: '请选择要上传的文件' });
  }
  res.status(200).json({ 
    message: '文件上传成功',
    fileInfo: {
      filename: req.file.filename,
      path: req.file.path,
      size: req.file.size
    }
  });
});

// 挂载api.js里的所有/api路由
app.use('/api', apiRoutes);

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`服务器运行在端口 ${PORT}`);
});

几个关键注意点： #

• 中间件顺序：一定要先配置body-parser，再配置Multer的上传路由，最后挂载/api路由。如果反过来，body-parser会先解析文件上传请求，导致Multer无法正确获取文件。
• Multer配置：你可以根据需求调整存储方式、文件大小限制、允许的文件类型，上面的示例只是基础配置。
• api.js路由：api.js里的路由会自动带上/api前缀，比如api.js里写router.get('/users', ...)，实际访问路径就是/api/users。
• uploads文件夹：要手动创建./uploads/目录，否则Multer会报错无法写入文件。

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