铁雪资源网 Design By www.gsvan.com
前言
这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的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）页面中
const proxyxxx= '/xxx/xxx'
export const getBannerList = params => {
return axios.request({
url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,
params,
method: 'get'
})
}
以上这篇vue - vue.config.js中devServer配置方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
铁雪资源网 Design By www.gsvan.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无vue - vue.config.js中devServer配置方式的评论...