为什么邮递员显示错误消息，但反应应用程序不显示它？

Question

我正在开发一个API（使用nodejs的AWS lambda函数）。在这里，我检查通过HTTP POST发送到API的文件是否小于2 MB。如果他们比这还多，那么我提出了一个错误。

import createError from "http-errors";

if (totalSize > sizeLimitInMB) {
    throw new createError.Forbidden(
      `Size of all the attachments combined should not exceed ${sizeLimitInMB} MB. The files you have submitted are ${totalSize} MB`
    );
  }

现在，邮递员正确地显示了此错误消息。但当我尝试使用react前端产生相同的情况时。我收到了这个消息

Access to XMLHttpRequest at 'MY_API_URL' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

an error occurred  Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:84)

POST 'MY_API_URL' net::ERR_FAILED

我不知道为什么CORS出错，因为如果我的文件小于2 MB，它就可以工作。react组件中的我的代码

try {
      await submit(id, data);
      setSaving(false);
      history.replace("/");
    } catch (error) {
      setSaving(false);
      console.error("an error occurred ", error);
    }

为什么前端无法控制台记录与邮递员相同的错误消息？这不仅仅是因为这个特殊的尺寸误差。我抛出的任何其他错误，例如“只有所有者可以删除此文件”或“未找到具有此ID的帖子”，也不会显示在我的前端，但在postman中效果很好

Answer 1

我可以通过改变通用中间件中中间件的顺序来解决这个问题。我有一个用于包装处理程序的通用中间件功能

export const handler = commonMiddleware(myHandler);

Earlier it was
export default (handler) =>
  middy(handler).use([
    httpJsonBodyParser(),
    httpEventNormalizer(),
    httpErrorHandler(),
    cors(),
  ]);

After
export default (handler) =>
  middy(handler).use([
    cors(),
    httpJsonBodyParser(),
    httpEventNormalizer(),
    httpErrorHandler(),
  ]);

而且奏效了