为什么服务器从使用 axios 发出的 POST http 请求中获取空的 request.body？

Question

我正在尝试通过 formdata 将文件（.obj 文件）发送到我的节点服务器，看起来一切都很好，直到服务器上端点的控制器抛出一个错误，似乎 formdata 解析器正在接收一个空formdata 对象，这是有问题的错误。 现在，这是我的代码：

前端（正在执行请求的地方）：

const data = new FormData();
data.append('file', this.props.filesSubmit, this.props.filesSubmit.name);
for (var pair of data.entries()) {
  console.log(pair[0] + ', ' + pair[1]);
}
await axios
  .post(
    'https://hushpuppys-3d-hub-api.herokuapp.com/api/v1/modelfiles/',
    data,
    {
      headers: {
        'Content-Type': undefined,
      },
    }
  )
  .then((res) => {
    console.log('File Upload Successful! Res: ', res);
  })
  .catch((err) => {
    console.log(err);
  });

后端端点控制器（接收请求的地方）：

const AWS = require('aws-sdk');
const fs = require('fs');
const fileType = require('file-type');
const bluebird = require('bluebird');
const multiparty = require('multiparty');

// Keys Configuration to Access AWS
AWS.config.update({
  accessKeyId: '[I erased this]',
  secretAccessKey: '[I erased this]',
});

// Configuring AWS to work with promises
AWS.config.setPromisesDependency(bluebird);

// Creating S3 instance
const s3 = new AWS.S3();

// abstracts function to upload a file returning a promise
const uploadFile = (buffer, name, type) => {
  const params = {
    ACL: 'public-read',
    Body: buffer,
    Bucket: '[I erased this]',
    ContentType: type.mime,
    Key: `${name}.${type.ext}`,
  };
  return s3.upload(params).promise();
};

exports.fileUploaderController = (req, res) => {
  const form = new multiparty.Form();
  form.parse(req.body, async (error, fields, files) => {
    if (error) throw new Error(error);
    try {
      const path = files.file[0].path;
      const buffer = fs.readFileSync(path);
      const type = fileType(buffer);
      const timestamp = Date.now().toString();
      const fileName = `bucketFolder/${timestamp}-lg`;
      const data = await uploadFile(buffer, fileName, type);
      return res.status(200).send(data);
    } catch (error) {
      return res.status(400).send(error);
    }
  });
};

我还想在我的 app.js 中添加其他中间件操作主体的代码，也许这也与解决问题有关：

const express = require('express');

const modelRouter = require('./routes/modelRoutes');
const modelFilesRouter = require('./routes/modelFilesRoutes');
const cors = require('cors');

const app = express();

// MIDDLEWARES
app.use(cors());
app.use(express.json({ limit: '50mb' }));
app.use(express.urlencoded({ limit: '50mb' }));

// ROUTES
app.use('/api/v1/models', modelRouter);
app.use('/api/v1/modelfiles', modelFilesRouter);

module.exports = app;

Answer 1

好的，我几分钟前解决了这个问题。 我基本上是在从控制器文件的fileUploaderController控制器中的form.parse()方法中传递了一个错误的参数，方法form.parse()需要将整个req变量作为参数传递，而不是请求的主体（ req.body ），就像我在随问题发布的代码中所做的那样。