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