Задать вопрос

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')

Вопрос, что нужно поправить, чтобы исправить работу с заголовками?
  • Вопрос задан
  • 2213 просмотров
Подписаться 3 1 комментарий
Подписчики вопроса 3 К ответам на вопрос (4)