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 мс. Все хорошо.