时间戳

首页 > 解决方案 > 尝试附加图像时出现 CORS 错误

reactjs - 尝试附加图像时出现 CORS 错误

问题描述

我将我的应用程序部署在 VM 上，它具有三个 api 端点。当我向两个端点发出请求时，它们工作得非常好。我已经为所有路线启用了 cors

app.use(cors());

app.post('/api/login')
app.post('/api/autofill')

但是对于第三个 api，我从表单中获取用户输入并将其提交到后端。如果我将图像与表单输入一起附加，则会出现 CORS 错误。但如果我只发送没有任何图像附件的数据，它就可以工作。

app.post('/api/create' , (req, res) => {
   res.send(200)
})

No 'Access-Control-Allow-Origin' header is present on the requested resource.

我尝试了很多东西，但我似乎无法弄清楚是什么导致了这个问题。

标签： reactjsexpress

解决方案

想出了答案。问题是 Nginx。当文件大小大于它接受的默认值 1MB 时，Nginx 会返回 cors 错误。client_max_file_size 100M通过在 nginx 默认配置中设置内部服务器块来纠正它。

推荐阅读