vue配置转发代理_vue+django开发配置(vue转发请求、跨域携带cookie)

开发中：

由于vue有个前端服务器做内容转发，所以前端服务器和后端服务器的交互是跨域的状态，不会携带cookie

vue代理的作用：

例如：前端服务器是127.0.0.1:8080，后端服务器是127.0.0.1:9000，那么前端访问后端资源就是跨域的，获取静态资源和调用后端接口都得定义一个地址才可正常访问

代理会将设置的路径转发至127.0.0.1:9000，所以只需要配置好代理，前端就可以直接输入后端路径即可

vue代理转发配置：

(为了转发请求，上线时候不需要改代码)

// vue.config.js中配置

module.exports ={

devServer: {

host:"0.0.0.0", // 前端启用的地址, 0.0.0.0表示绑定该机器的所有ip地址

port:"8080", // 前端启用的端口

disableHostCheck:true,

proxy: {'/api': {

target:'http://127.0.0.1:9000',　　//请求的域名 + 端口，当别人要访问时候不能是127.0.0.1

changeOrigin: true,　　　　　　//是否跨域

},'/static': { //这里最好有一个 /

target: 'http://127.0.0.1:9000', //后台接口域名

changeOrigin: true, //是否跨域

}

}