這個(gè)問(wèn)題我想做前端的應(yīng)該都遇到過(guò)，或許也已經(jīng)有了解決的辦法和途徑鳞滨，比如在vscode中使用alibaba cloud toolkit插件或者自己寫(xiě)個(gè)nginx處理等等节榜，但我還是習(xí)慣每次自己更改配置中的proxy孝鹊。原因這里就不說(shuō)了坪圾。但這種每次都要重新編譯真的是讓人很煩躁，后來(lái)我突然去看了下配置代理的地方（從前只去改動(dòng)target及后臺(tái)的IP或域名）杰赛。在然后我就配置了多個(gè)呢簸，再然后每次跟某個(gè)人聯(lián)調(diào)的時(shí)候只用更改更路徑即可不用重新編譯，這時(shí)間真的非常讓人舒服乏屯。
好了根时，我們來(lái)看下基本的樣子,
//在vue.config.js里
proxy: {
'/api': {
target: 'http://192.168.1.112:8082/api', // 目前測(cè)試服務(wù)地址
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/houtai1': {
target: 'http://192.168.1.113:8083/api', // 后臺(tái)1本地地址
changeOrigin: true,
pathRewrite: {
'^/houtai1': ''
}
},
'/houtai2': {
target: 'http://192.168.1.114:8084/api', // 后臺(tái)2本地地址
changeOrigin: true,
pathRewrite: {
'^/houtai2': ''
}
}
}
無(wú)限配置你需要對(duì)接的后臺(tái)聯(lián)調(diào)ip，當(dāng)然你還是要改接口請(qǐng)求的baseUrl的辰晕，改成你需要聯(lián)調(diào)的代理地址即可蛤迎，比如我要跟后臺(tái)1聯(lián)調(diào)，那baseUrl='/houtai1',這時(shí)你只用刷新下頁(yè)面就好了伞芹，不用每次切換聯(lián)調(diào)的IP重新編譯
