Cors Django+Vue?

Question

[Dauren S]

Django Rest Framework написал АПИ.
С postman десктоп работает без проблем.
При попытке отправить запрос c vue.js выходит ошибка CORS

Access to XMLHttpRequest at 'http://localhost:8000/api/users' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Хотя в джанго сделал по этой инструкции
https://github.com/adamchainz/django-cors-headers#...

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'userprofile.apps.UserprofileConfig',
    'kindergartens.apps.KindergartensConfig',
    'rest_framework',
    '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',
]

ROOT_URLCONF = 'api.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'api.wsgi.application'
CORS_ORIGIN_ALLOW_ALL = True

Answer 1

[Dauren S]

CORS_ALLOWED_ORIGINS = [
    "https://example.com",
    "http://127.0.0.1:8080",
    "http://localhost:8080",
    "http://127.0.0.1:9000"
]
CORS_ALLOW_CREDENTIALS=True

Answer 2

[Ranwise]

попробуйте добавить

from corsheaders.defaults import default_headers

CORS_ALLOW_HEADERS = default_headers + (
    'Access-Control-Allow-Headers',
    'Access-Control-Allow-Credentials',
    'Access-Control-Allow-Origin',
)

CORS_ORIGIN_ALLOW_ALL = True

CORS_ORIGIN_WHITELIST = (
    'http://localhost:3000',
    'http://127.0.0.1:3000',
)

Comments

[Dauren S]

спасибо, но что то не пошло.Может ли быть на стороне фронта?Или все же бэк?

[Ranwise]

ну попробуйте в headers передавать заголовки

{
 'Content-Type': 'application/json',
 'Access-Control-Allow-Origin': '*',
 },