Express 服务器在使用大字符串进行 post/put 请求时发送 500 错误代码

Question

当我使用nodejs + express 和body-parser 包来管理我在服务器端的路由和数据时，我正在构建小项目。 在前端，我有一个简单的react 应用程序，它安装了tinyMCE 编辑器。 问题是当我选择要插入文档的图像时，编辑器将其设为base64 blob，当我尝试保存包括该 base64 图像在内的更改时（通过向服务器发出 PUT 请求）节点吐出错误 500。 一开始我认为这是一个 git 问题主题中建议的应用程序 json 标头的问题。

所以我换了

"Content-Type": "application/x-www-form-urlencoded"

但问题仍然存在。

然后我尝试了一些小图像16x16（以前是340x300），它成功了......

所以这可能意味着 POST 在数据部分中的字符过多，但我认为限制为1.9GB。

这是一些服务器代码示例：

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

router.put("/:id", update);

const update = (req, res, next) => {
    documentController.update(req, res, next);
};

const update = async (req, res, next) => {
    const { name } = req.body;
    const document = await Document.findOne({ name });

    ...

    document
        .save()
        .then(document => {
            ...
        })
        .catch(err => next(err));
};

和前端请求：

  request = async (url, method, data) => {
    try {
      let headers = {
        //"Content-Type": "application/json"
        "Content-Type": "application/x-www-form-urlencoded"
      };
      let config = {
        headers,
        method
      };
      if (data !== undefined) {
        //config["body"] = data;
        let query = "";
        data = JSON.parse(data);
        for (let key in data) {
          query +=
            encodeURIComponent(key) + "=" + encodeURIComponent(data[key]) + "&";
        }
        query = query.slice(0, -1);
        config["body"] = query;
      }
      let response = await fetch(url, config).catch(error =>
        console.log(error)
      );
      let json = await response.json();
      return json;
    } catch (error) {
      console.log(error);
    }
  };

也许有人可以指出当图像较大时 PUT 请求有什么问题以及如何解决它。

编辑

是的，因为我怀疑它是大字符串的问题，我检查了错误：

message: '请求实体太大', 预期：328465， 长度：328465， 限制：102400，

编辑 2

这是解决问题的完整解决方案

app.use(
  bodyParser.urlencoded({
    limit: "50mb",
    extended: true,
    parameterLimit: 50000
  })
);
app.use(bodyParser.json({ limit: "50mb" }));

Answer 1

看看multer 节点中间件。它将使用streams 处理上传，而不是在保存之前等待整个文件加载到服务器的内存中。

编辑（看到有错误的评论后）

尝试增加您的应用接受的大小限制：

app.use(bodyParser.json({limit: '50mb'}));
app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));