前端方面:
使用的包是axios、并用vue-cli脚手架搭建项目
在Vue和Django结合的项目中,用axios进行数据传输会遇到跨越的问题,若axios直接用默认的方式传输则不会带上cookies,要带上cookies则必须:
# 在main.js中设置:
axios.defaults.withCredentials = true
后端的设置:
首先安装Django-cors-headers这个包,然后再在settings中增加设置:
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',
)
这样一来就能愉快的进行前后端的调试了!
网友评论