美文网首页
Vue和Django进行跨越时的处理办法

Vue和Django进行跨越时的处理办法

作者: 都江堰古巨基 | 来源:发表于2018-06-03 23:32 被阅读0次

前端方面:
使用的包是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',
)

这样一来就能愉快的进行前后端的调试了!

相关文章

网友评论

      本文标题:Vue和Django进行跨越时的处理办法

      本文链接:https://www.haomeiwen.com/subject/qkissftx.html