在vue中配置不同的代理同時訪問不同的后臺操作
更新時間：2020年09月11日 11:51:46 作者：池中飛雪
這篇文章主要介紹了在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項目開發(fā)環(huán)境下實現(xiàn)與多個后臺進行聯(lián)調
在配置開發(fā)環(huán)境設置反向代理的地方設置反向代理
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', //重寫,
}
}
},
這樣就可以根據(jù)不同的后臺進行聯(lián)調了
以上這篇在vue中配置不同的代理同時訪問不同的后臺操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文將詳細介紹在VUE中使用HTTP庫Axios的詳細方法,需要的朋友可以參考下2020-02-02
MVVM模型主要是為了分離視圖(View)和模型(Model)，其優(yōu)點為：低耦合、可重用性、獨立開發(fā)以及可測試，視圖和模型分離的特點給了 Vue 很大的啟發(fā)，這篇文章主要介紹了MVVM模型在Vue中的使用,需要的朋友可以參考下2022-11-11
Vue3響應式高階用法之shallowReadonly()使用
在前端開發(fā)中,Vue3的shallowReadonly() API允許開發(fā)者創(chuàng)建部分只讀的狀態(tài),這對于保持頂層屬性不變而內(nèi)部屬性可變的場景非常有用,本文將詳細介紹?shallowReadonly()?的使用方法及其應用場景,具有一定的參考價值,感興趣的可以了解一下2024-09-09
這篇文章主要介紹了table表格中使用el-popover 無效問題解決方法,實例只針對單個的按鈕管用在表格里每一列都有el-popover相當于是v-for遍歷了 所以我們在觸發(fā)按鈕的時候并不是單個的觸發(fā)某一個,需要的朋友可以參考下2024-01-01
moment是一款多語言支持的日期處理類庫, 在vue中如何使用呢?這篇文章主要給大家介紹了關于vue之moment使用的相關資料,需要的朋友可以參考下2021-05-05
vue router解決路由帶參數(shù)跳轉時出現(xiàn)404問題
我的頁面是從一個vue頁面router跳轉到另一個vue頁面,并且利用windows.open() 瀏覽器重新創(chuàng)建一個頁簽,但是不知道為什么有時候可以有時候又不行,所以本文給大家介紹了vue router解決路由帶參數(shù)跳轉時出現(xiàn)404問題,需要的朋友可以參考下2024-03-03
自從體驗了一下vite之后,真的太快了,然而對vue3還不是很熟練,就想著在vue2的項目中使用以下vite,下面這篇文章主要給大家介紹了關于vite搭建vue2項目的相關資料,需要的朋友可以參考下2022-11-11
vue3中element-plus?Upload上傳文件代碼示例
這篇文章主要介紹了vue3中element-plus?Upload上傳文件的相關資料,在時間開發(fā)中上傳文件是經(jīng)常遇到的一個需求,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue3如何配置多級代理問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
VUE中Echarts的resize事件報錯和移除windows的事件問題
這篇文章主要介紹了VUE中Echarts的resize事件報錯和移除windows的事件問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07