Ошибки Cors в приложениях Django

Я пытаюсь создать Django приложение с react frontend и пытался разобраться, почему я продолжаю получать cors ошибки в браузере, когда я размещаю его на сервере. Прочитав много информации по этому вопросу, я понял, что мне нужно настроить следующее в settings.py после установки django cors headers:

ALLOWED_HOSTS = "127.0.0.1", "localhost:8000", "localhost"

CORS_ALLOW_CREDENTIALS = True

CORS_ORIGIN_ALLOW_ALL = True

CORS_ALLOW_CREDENTIALS = True

CORS_ORIGIN_ALLOW = True

CORS_ORIGIN_WHITELIST = [
    "http://127.0.0.1:5501",
    "http://127.0.0.1:5500",
    "http://localhost:8000",
    "http://127.0.0.1:8000",
]

CSRF_TRUSTED_ORIGINS = [
    "http://127.0.0.1:5501",
    "http://127.0.0.1:5500",
    "http://localhost:8000",
    "http://127.0.0.1:8000",
]

CORS_ALLOW_HEADERS = [
    "accept",
    "accept-encoding",
    "authorization",
    "content-type",
    "dnt",
    "origin",
    "user-agent",
    "x-csrftoken",
    "x-requested-with",
]

INSTALLED_APPS = [
    "corsheaders",
    "django.contrib.admin",
    "django.contrib.auth",
    "django.contrib.contenttypes",
    "django.contrib.sessions",
    "django.contrib.messages",
    "django.contrib.staticfiles",
    "rawWikiData.apps.RawwikidataConfig",
]

MIDDLEWARE = [
    "corsheaders.middleware.CorsMiddleware",
    "django.middleware.security.SecurityMiddleware",
    "django.contrib.sessions.middleware.SessionMiddleware",
    "django.middleware.common.CommonMiddleware",
    "django.middleware.csrf.CsrfViewMiddleware",
    "django.contrib.auth.middleware.AuthenticationMiddleware",
    "django.contrib.messages.middleware.MessageMiddleware",
    "django.middleware.clickjacking.XFrameOptionsMiddleware",
]

Но я все еще получаю эту ошибку, когда пытаюсь получить доступ к веб-странице с одной из внешних страниц, которые я размещаю на хостинге, используя статические пути django. Вот ошибка:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/getSentenceData/. (Reason: CORS request did not succeed). Status code: (null).

Uncaught (in promise) 
Object { message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest, response: XMLHttpRequest, stack: "" }

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