Django REST framework如何解決vue請求跨域問題

1.首先安裝django-cors-headers

pip3 install django-cors-headers
複製代碼

2.配置settings.py文件

在INSTALLED_APPS裏添加 "corsheaders"

INSTALLED_APPS = [
    ...
    'corsheaders',
]
複製代碼

在MIDDLEWARE_CLASSES添加配置

MIDDLEWARE_CLASSES = (
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
  )
複製代碼

在settins.py底部添加

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = ()
	  
CORS_ALLOW_METHODS = (
    'DELETE',
	'GET',
	'OPTIONS',
	'PATCH',
	'POST',
	'PUT',
	'VIEW',
)
	  
CORS_ALLOW_HEADERS = (
    'accept',
	'accept-encoding',
	'authorization',
	'content-type',
	'dnt',
	'origin',
	'user-agent',
	'x-csrftoken',
	 x-requested-with',
)複製代碼