Django+Vue跨域环境配置详解
概述在使用Django+Vue开发过程中,遇到了很多开发环境相关的问题,比如跨域,比如ajax请求参数等,本篇文章主要记录解决在开发过程中,遇到的一些问题。 跨域不带Cookie在使用Vue脚手架开发的过程中,会使用Vue脚手架自带的Server进行项目调试,Vue自带的Server支持 Webpack配置采用Webpack dev server的 将需要请求的真实地址在proxyTable里配置即可。 当然,proxyTable还有需要更高级的用法,这里就先不去踩那些不必要的坑。 Django CORS头配置Django配置跨域,可以自己实现,也可以使用一个比较好用的库 在Django的配置文件里添加如下配置: (1) 在 (2) 在
(3)增加 在配置文件里新增 跨域带Cookie按照上面的配置对 Webpack配置Webpack配置方法同不带Cookie的方法相同。 Vue配置在Vue里需要对 axios 进行全局配置,在 main.js 里增加如下配置: Django配置如果需要在请求中带上Cookie,Django中的跨域返回头中就不能允许所有主机,需要指定单独主机,配置如下: CORS_ORIGIN_WHITELIST = (
'localhost:8088','localhost:8000','127.0.0.1:8088','127.0.0.1:8000' ) CORS_ALLOW_HEADERS = ( 其中 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |