Django 4.1.3 + React (axios) — как настроить CORS?

В приложении в качестве бэкенда использую Django + Rest Framework, а на фронте React + axios. Как только формирую запрос из фронта с указанием заголовков, в частности Authorization, получаю ошибку:

Access to XMLHttpRequest at 'http://localhost:8000/api/rooms/' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field access-control-allow-methods is not allowed by Access-Control-Allow-Headers in preflight response.

На стороне Django был установлен corsheaders и в файле settings прописал:

CORS_ORIGIN_ALLOW_ALL = True

CORS_ALLOWED_ORIGINS = [
    "http://localhost:3000",
]

CORS_ORIGIN_WHITELIST = [
    'http://localhost:3000',
]

CORS_ALLOW_HEADERS = ('content-disposition', 'accept-encoding',
                      'content-type', 'accept', 'origin', 'Authorization')

Вопрос, что нужно поправить, чтобы исправить работу с заголовками?
  • Вопрос задан
  • 1557 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ranwise
@Ranwise
все как в либе https://pypi.org/project/django-cors-headers/ и работает
Ответ написан
OCTAGRAM
@OCTAGRAM
Что просят, то и добавить.

CORS_ALLOW_HEADERS = ('content-disposition', 'accept-encoding',
                      'content-type', 'accept', 'origin', 'Authorization',
                      'access-control-allow-methods')
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы