React При вызове API : Доступ к XMLHttpRequest был заблокирован политикой CORS

Я использую Django rest api в React, но получаю следующее сообщение Error:

Доступ к XMLHttpRequest по адресу 'http://127.0.0.1:8000/list/single/6' от источника 'http://localhost:3000' был заблокирован политикой CORS: На запрашиваемом ресурсе отсутствует заголовок 'Access-Control-Allow-Origin'. <-------

Может ли кто-нибудь помочь мне вкратце Пожалуйста? Мне нужно завершить мой проект для этого решения, которое я ищу уже неделю.

Если вы оставили свой Telegram id, было бы здорово решить для меня, вы можете удалить его позже для конфиденциальности.

первый pip install django-cors-headers

Тогда в settings.py:

INSTALLED_APPS = [
    ...,
    "corsheaders",
    ...,
] 

После этого:

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

Теперь вы можете установить разрешенное происхождение.

CORS_ALLOWED_ORIGINS = [
    "https://example.com",
    "https://sub.example.com",
    "http://localhost:8080",
    "http://127.0.0.1:9000",
]
Вернуться на верх