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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。