vue – vue.config.js中devServer配置方式
131 浏览量
2020-12-13
03:47:47
上传
评论
收藏 32KB PDF 举报
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）页面中）页面中
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配置方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多
多支持软件开发网。
资源评论
