Django/React/Firebase - 上传大文件时出现 CORS 错误

Question

我有一个网站，React 托管在 Firebase 上，后端是 Django 运行，服务器上有 nginx。

在这个网站上，我有一个表单，用户可以在其中上传最多 3 张图片。在我的本地 PC 上它工作正常，但在生产环境中，当我尝试上传大文件（超过 5mb）时出现此错误：

A server/network error occurred. Looks like CORS might be the problem. Sorry about this - we will get it fixed shortly.

现在问题是图片可以正常上传了，当我在网站管理区查看提交的表单时可以看到它们，但是在前端，提交表单后，我得到的不是成功消息错误。

我已经增加了 nginx client_max_body_size 15M，但我仍然得到错误。

但是考虑到图片确实上传了，我认为最大正文大小不是问题。

Answer 1

我找到问题了！这是一件很蠢的事情，但是我之前没有注意到。

基本上我有这个

        const instance = axios.create({
            baseURL: baseURL,
            timeout: 5000,
            headers: {
                Authorization: accessToken
                    ? 'JWT ' + accessToken
                    : null,
                'Content-Type': 'application/json',
                accept: 'application/json',
            }, 
        });

我在 axios 中将 timeout 设置为 5000ms。我把它改成了30000毫秒。一切顺利。

Django/React/Firebase - 上传大文件时出现 CORS 错误

Django/React/Firebase - CORS error when uploading big files

django

upload

nginx

firebase

reactjs