如果和不同的后臺調接口，如果后臺接口沒有合到一起，前端可以配不同的代理來共同訪問他們的接口

在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中配置不同的代理同時訪問不同的后臺操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。