這篇文章將為大家詳細講解有關在vue中配置不同的代理實現同時訪問不同的后臺的方法，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
在config文件夾下的index.js中設置如下：
proxyTable: {
'/api/login': { // 第一個代理：此處的路徑是所有接口前面相同的部分，用來匹配帶有這部分路徑的
target: "http://192.168.100.209:8910",
changeOrigin: true,
secure: false
},
'/api/supplier': { // 設置第二個代理
target: "http://192.168.101.26:8910",
changeOrigin: true,
secure: false
},
}補充知識：vue項目開發環境下實現與多個后臺進行聯調
在配置開發環境設置反向代理的地方設置反向代理
proxyTable: {
'/jk': {
target: 'http://10.200.101.121:8090/',
//target: 'http://118.24.184.180:8080/',
changeOrigin: true,
pathRewrite: {
'^/api': '/api', //重寫,
}
},
'/wxapi': {
target: 'http://10.200.102.141:8089',
changeOrigin: true,
pathRewrite: {
'^/wxapi': '/wxapi', //重寫,
}
},
'/wxttxx': {
target: 'http://10.200.102.141:8089',
changeOrigin: true,
pathRewrite: {
'^/wxttxx': '/wxttxx', //重寫,
}
}
},關于在vue中配置不同的代理實現同時訪問不同的后臺的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
