django+vue前后端分离跨域问题

跨域问题，主要通过后端允许来解决，分为两步
一：安装django-cors-headers

pip install django-cors-headers

二：修改project\app\settings.py文件

INSTALLED_APPS = [
	...
    # 解决跨域
    'corsheaders',
    ...
]

MIDDLEWARE = [
    ...
    # 解决跨域
    'corsheaders.middleware.CorsMiddleware',
    ...
]
# CORS
# 白名单中配置前端的ip 端口，记得带http或者https
CORS_ORIGIN_WHITELIST = (
    'http://127.0.0.1:9527',
    'http://localhost:9527'
)
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
CORS_ALLOW_METHODS = (
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
    'VIEW',
)
# axios会在请求中添加x-token，后端需要允许
# 如果还添加了其他的，也加在这就好
CORS_ALLOW_HEADERS = (
    'x-token',
)