您好,登錄后才能下訂單哦!
這篇“vue proxytable代理根路徑怎么同時(shí)增加其他代理”文章的知識點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“vue proxytable代理根路徑怎么同時(shí)增加其他代理”文章吧。
Vue 項(xiàng)目有一個(gè)需求,需要對根路徑 ‘/’ 進(jìn)行代理,但同時(shí)還存在其余特例路徑的訪問需求 ‘/py’,例:
代理 /* 到 localhost:5000
代理 /py/*到 localhost:5001
此時(shí),需要將特例路徑的代理寫在根路徑的前面,否則會被根路徑的代理覆蓋,無法成功進(jìn)行代理:
module.exports = { dev: { proxyTable: { '/py': { target: `localhost:5001`, changeOrigin: true, pathRewrite: { '/py': '', } }, '/': { target: `localhost:5000`, // secure: true, // 是否 https changeOrigin: true, // 是否是跨域請求 } } } }
proxyTable: {undefined '/list': {undefined target: 'http://api.xxxxxxxx.com', changeOrigin: true, pathRewrite: { '^/list': '/list' } } }
這樣我們在寫url的時(shí)候,只用寫成 /list/1 就可以代表 api.xxxxxxxx.com/list/1
pathRewrite: { '^/api': '' }
這樣我們在寫url的時(shí)候,寫 /api/1 就可以代表 api.xxxxxxxx.com/1
注意: '/api' 為匹配項(xiàng),target 為被請求的地址,因?yàn)樵?ajax 的 url 中加了前綴 '/api',而原本的接口是沒有這個(gè)前綴的,所以需要通過 pathRewrite 來重寫地址,將前綴 '/api' 轉(zhuǎn)為 '/'。如果本身的接口地址就有 '/api' 這種通用前綴,就可以把 pathRewrite 刪掉。
changeOrigin參數(shù),如果設(shè)置為true,那么本地會虛擬一個(gè)服務(wù)端接收你的請求并代你發(fā)送該請求,這樣就不會有跨域問題了。
另:proxytable只在開發(fā)環(huán)境中使用
以上就是關(guān)于“vue proxytable代理根路徑怎么同時(shí)增加其他代理”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。