溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關使用vue怎么樣配置多代理服務接口地址，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
一、介紹
隨著微服務架構的流行，后臺項目逐漸被拆分成不同的模塊進行通信，但是前端還是只有一個項目所以在訪問不同模塊后臺時，需要請求不同的地址，在vue項目中，通過配置代理可以進行后端服務器接口地址訪問，當需要訪問不同微服務的后端接口時就需要配置不同的地址。
二、代碼
config/index.js文件中配置代理地址：
自己項目中定義所有接口api管理文件src/api/getData.js：
頁面調用接口時xxx.vue
三、總結
1、vue使用配置多代理地址方式可以訪問不同的項目地址，使用以上方法。
2、同時也是可以把所有接口通過一個統一的后臺項目通過feign調用其他系統接口進行訪問，使用該種方式只需要配置一個代理地址即可，同時也可以對所有接口調用進行監控，比如添加用戶操作記錄時就比較簡單，只需要定義一個aop切面監控conroller中的方法即可。
補充知識：Vue解決跨域多個target問題（配置多個代理問題）
我就廢話不多說了，大家還是直接看代碼吧~
devServer: {
publicPath: process.env.NODE_ENV === 'production'? '/production-sub-path/': '/',
proxy: {
//可以配置多個代理
'/api': {
target: 'http://192.168.0.201:9994',
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': ''
}
},
'/images': {
target: 'http://baidu.com',
changeOrigin: true,
ws: true,
pathRewrite: {
'^/images': ''
}
}
}
},以上就是使用vue怎么樣配置多代理服務接口地址，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
