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

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