node.js - 获取 "blocked by CORS policy: No ' Access-Control-Allow-Origin' header 存在于请求的资源上。”使用 Axios 的 MERN 堆栈

Question

我有一个 MERN 堆栈设置，我的 React 前端在一个服务器实例上，我的后端 Node-Express API 在另一个服务器实例上。在开发中我没有遇到任何问题，但如果我尝试在生产中上传超过 1MB 的文件，我会收到 CORS 错误。如果它低于 1MB，上传就没问题。

Node-Express 中间件:

app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
  }); // I have tried without this as well.

  app.use(fileUpload({
    createParentPath: true,
    limits: { 
      fileSize: 64 * 1024 * 1024 * 1024 // 64MB max file(s) size
    },
  })) / I have tried without the limits, too.

  app.use(cors()); // I have tried even by including the origin parameter

react

 axios.post(`${apiEndpoint}/upload`, data, { 
      headers: { "x-auth-token":token } 
    })
      .then((response) => console.log(response.data));

Answer 1

感谢评论中很棒的人指出我应该检查日志。出于某种原因，就像菜鸟一样，我没想过要这样做。完成后，我发现 nginx 没有针对更大的文件上传大小进行配置。我将其设置为 100Mb，效果非常好。