在webpack配置反向代理的时候,我们可以配置多个代理解决本地跨多个域名的问题
proxy: {
'/api': {
target:'https://api.com/', //代理地址
changeOrigin: true, //改变源
pathRewrite: { //重写地址
'^/api': ''
},
},
"/b": {
target: 'https://b.com/',
changeOrigin: true,
pathRewrite: {
"^/b": "/"
}
},
"/c": {
target: 'https://c.com/',
changeOrigin: true,
pathRewrite: {
"^/c": "/"
}
},
},
请求的时候要区分本地还是先上
if (window.location.host=="127.0.0.1" || window.location.host.indexOf('localhost') != -1 ){
url = '/api/abc' //本地 相当于用 '/api' 代替了下面的 ‘https://xxx.com/’
}else{
url = 'https://xxx.com/abc' //线上
}
网友评论