導航:首頁 > 代理服務 > 跨域請求代理怎麼實現

跨域請求代理怎麼實現

發布時間:2023-09-02 19:22:36

A. vue 前端設置跨域多代理

在項目開發的時候經常會遇到後端提供的多個服務請求地址域名或埠號不一致的情況這時候就需要前端設置多個proxy跨域代理,本文以vue-element-admin為例展示步驟如下:
1: 配置環境變數 .env.development

2: 配置項目根目錄下的vue.config.js 找到devServer

PS:注意VUE_APP_BASE_API 放在數組的最後一個,如果你VUE_APP_BASE_API跟我一樣設置為'' 的話,這樣才不會被代理的虛擬path覆蓋!

3: 找到項目中管理請求地址的文件 src/api/proxy.js (proxy.js 是我隨便起的名字😄)

打開proxy.js

proxy_api 就是你之前在步驟1:中定義的虛擬path
VUE_APP_BASE_API_PROXY = '/proxy-api'
const url = (path) => (proxy_api + path) 一個路徑處理函數,參數是'/xx/xxx/fetch/list',return (proxy_api + path)

需要額外注意的是我在配置環境變數 .env.development的時候基礎api設置的是空:

所以不需要在src/utils/request.js 中對代理的請求進行攔截

如果你為VUE_APP_BASE_API設置了虛擬path路徑,那麼就需要在src/utils/request.js為這個虛擬路徑配置攔截,比較麻煩比不建議這么做。

至此跨域多代理已經設置完了,本文中設置兩個代理一個基礎代理VUE_APP_BASE_API,一個額外代理VUE_APP_BASE_API_PROXY,默認情況下走基礎代理,當請求匹配到匹'/proxy-api' 時走額外代理~

閱讀全文

與跨域請求代理怎麼實現相關的資料

熱點內容
蘇聯電子技術落後中國多少年 瀏覽:7
我們必須保護哪些信息 瀏覽:73
邊坡開挖程序如何編程 瀏覽:432
哪裡有宜停車小程序 瀏覽:996
如何做文化衫代理 瀏覽:130
商丘市批發市場怎麼辦卡 瀏覽:938
哪裡當程序員最好 瀏覽:849
重慶貨車交易市場有哪些 瀏覽:132
潭門海鮮市場在哪裡呢 瀏覽:812
交易貓如何認證芝麻信用 瀏覽:580
怎麼關閉蘋果代理上網 瀏覽:263
飢荒交易小店哪些可以交易 瀏覽:669
商品虛假交易被降權怎麼辦 瀏覽:380
視頻投票小程序怎麼做 瀏覽:390
萬達信息算什麼公司 瀏覽:310
小米手機如何刪後台程序 瀏覽:725
怎麼成為騰訊廣告的代理商 瀏覽:895
硅膠廠怎麼做技術 瀏覽:712
天光墟市場為什麼在夜裡開 瀏覽:857
淘寶代理一件代發怎麼填 瀏覽:41