vue - vue.config.js中devServer配置方式
前言
这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为'',即空字符串
只有一个接口ip端口时
devServer:{ open:false, //跨域 proxy:{ '/nuojinadm/':{ target:'http://192.168.0.11/', changeOrigin:true } } }
2、设置axios中的baseUrl与proxy端口一致
baseUrl:{ dev:'/nuojinadm/', pro:'/nuojinadm/' }
当有多个ip端口的接口时
devServer:{ open:false, port:8801,//自定义修改8080端口 //代理跨域 proxy:{ '/proxy1/adm/':{ target:'http://192.168.0.xx:xxxx/', changeOrigin:true }, '/proxy2/adm/':{ target:'http://192.168.0.xx:xxxx/', changeOrigin:true }, '/httpsProxy3/config/':{ target:'https://xx.xx.com', secure:false,//https协议才设置 changeOrigin:true } } }
2、设置axios中的baseUrl设置为空
baseUrl:{ dev:'/', pro:'/' }
3、在每个request(axios)页面中
constproxyxxx='/xxx/xxx' exportconstgetBannerList=params=>{ returnaxios.request({ url:`${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`, params, method:'get' }) }
以上这篇vue-vue.config.js中devServer配置方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。