4

Access to XMLHttpRequest at 'http://ка.ко.й.тоip:порт/ссылка' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field Access-Control-Allow-Credentials is not allowed by Access-Control-Allow-Headers in preflight response.

3 ответа 3

4

Ошибка происходит из-за того, что политика CORS в браузере по-умолчанию запрещает делать кросс-доменные запросы, чтобы с клиентской стороны domain-1.com не шли запросы, например, к API на domain-2.com. Чтобы разрешить это действие, вы можете "сказать вашему серверу" посылать специальные headers, которые разрешат эти действия. Проще всего в django сделать это так, как описано ниже.

Решение

Добавьте в ваш файл requirements.txt django_cors_headers или выполните pip install django-cors-headers

Далее в конфигурации django приложения добавьте

INSTALLED_APPS = (
    ...
    'corsheaders',
    ...
)

и

MIDDLEWARE = [
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

Важно! Настройка corsheaders.middleware.CorsMiddleware должна быть как можно выше в списке MIDDLEWARE

И в конце добавьте в файл конфигурации django приложения

CORS_ORIGIN_ALLOW_ALL = True

Более подробно смотрите тут

А что такое CORS и для чего он нужен можете посмотреть тут

1

мне помогло

CORS_ALLOW_HEADERS = (
        ...
        'Access-Control-Allow-Headers',
        'Access-Control-Allow-Credentials',
    )
0

мне помогло

 CORS_ORIGIN_ALLOW_ALL = False

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

в файле settings.py

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.