Django REST framework如何解决vue请求跨域问题

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',
)