Django/React/Firebase - ошибка CORS при загрузке больших файлов

У меня есть сайт с React, размещенный на Firebase, с Django для бэкенда, работающий на сервере с nginx.

На этом сайте у меня есть форма, в которую пользователь может загрузить до 3 изображений. На моем локальном компьютере это работает нормально, но в производственной среде я получаю эту ошибку при попытке загрузить большие файлы (более 5мб):

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, но все равно получаю ошибку.

Но учитывая, что изображения загружаются, я думаю, что максимальный размер тела не является проблемой.

Я нашел проблему! Это была очень глупая вещь, но я не заметил ее раньше.

В основном у меня было следующее

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

Я установил timeout на 5000 мс в axios. Я изменил его на 30000 мс. Все хорошо.

Вернуться на верх