解决vue-django配置问题

后端跨域问题

• django安装

pip install django-cors-headers

• 添加应用，主应用下的setting

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

• 中间件设置

MIDDLEWARE = [
   ...
    # 跨域中间键设置
 'corsheaders.middleware.CorsMiddleware',
	...
]

• 添加黑白名单(setting最后直接添加以下代码)

# CORS
# 凡是出现在白名单的域名，都可以访问后端接口
CORS_ORIGIN_WHITELIST = (
    'http://127.0.0.1:8080',
    'http://localhost:8080',
    'http://192.168.13.107:8080'
    # 'http:127.0.0.1:8000'
)
# 运行所有用户访问
CORS_ORIGIN_ALLOW_ALL = True
# CORS_ALLOW_CREDENTIALS 之门在跨域访问中，后端是否支持对cookie的支持
CORS_ALLOW_CREDENTIALS = True

前段跨域请求配置

api下的index.js

// axios发送跨域请求时，自动携带cookie信息
axios.defaults.withCredentials = true

前后端交互

src新建api文件夹，