Django Vue3 access-control-allow-origin не разрешен

У меня есть проект Django rest-api. На фронте проекта используется Vue. Я получаю следующую ошибку при запросе через Vue:

print console:

Доступ к XMLHttpRequest по адресу 'https://api.iyziwell.com/api/user/register' из origin 'https://main.d398abgajqt044.amplifyapp.com' был заблокирован политикой CORS: Поле заголовка запроса access-control-allow-origin не разрешено Access-Control-Allow-Headers в префлайт-ответе.

my settings.py:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'webpack_loader',
    'account',
    'rest_framework',
    'rest_framework.authtoken',   
    'rest_framework_simplejwt',
    'corsheaders',

]
MIDDLEWARE = [
    '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',
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
]

CORS_ORIGIN_ALLOW_ALL_ORIGINS = True
CORS_ALLOW_CREDENTIALS = True

CORS_ALLOWED_ORIGINS = [
    'https://main.d398abgajqt044.amplifyapp.com',
    'http://localhost:8082',
]
CORS_ALLOWED_ORIGIN_REGEXES = [
    'https://main.d398abgajqt044.amplifyapp.com',
    'http://localhost:8082',
]

CORS_ALLOW_HEADERS = (
    'accept',
    'accept-encoding',
    'authorization',
    'content-type',
    'dnt',
    'origin',
    'user-agent',
    'x-csrftoken',
    'x-requested-with',
)

страница запроса = https://main.d398abgajqt044.amplifyapp.com

pip install django-cors-headers

Добавьте этот код в файл settings.py

INSTALLED_APPS = [

'corsheaders',

]

MIDDLEWARE = [

'corsheaders.middleware.CorsMiddleware',

]

CORS_ORIGIN_ALLOW_ALL = True

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