ReactJS с graphql CORS Проблема с бэкендом django

У меня есть запущенный django бэкенд на http://127.0.0.1:8000 и я хочу запросить его с reactjs фронтендом.

Как вы можете видеть ниже, я могу видеть успешный ответ в приложении Insomnia.

enter image description here

Но, когда я хочу сделать запрос с reactjs frontend, я получаю CORS ERROR.

Я проверил запрос в inspect networks и увидел похожую полезную нагрузку запроса с insomnia.

enter image description here

  1. установить django-cors-headers:
    pip install django-cors-headers
  2. Добавьте corsheaders к INSTALLED_APPS в settings.py:
INSTALLED_APPS = [
    ...,
    "corsheaders",
    ...,
]
  1. Добавьте CorsMiddleware к вашим промежуточным продуктам в settings.py:
MIDDLEWARE = [
    ...,
    "corsheaders.middleware.CorsMiddleware",
    "django.middleware.common.CommonMiddleware",
    ...,
]
  1. Теперь вы можете установить разрешенные источники в settings.py следующим образом:
CORS_ALLOWED_ORIGINS = [
    "https://example.com",
    "https://sub.example.com",
    "http://localhost:8080",
    "http://127.0.0.1:9000",
]

Больше информации в этой ссылке.

Вернуться на верх