Vue-cli proxyTable解決開發(fā)環(huán)境的跨域問題

和后端聯(lián)調(diào)時總是會面對惱人的跨域問題,

如果是使用vue-cli生成的開發(fā)環(huán)境,直接在config/index.js中,把proxytable里面配置成差不多這樣,后面的api就都會走target

changeOrigin參數(shù),接收一個布爾值,如果設置為true,那么本地會虛擬一個服務端接收你的請求并代你發(fā)送該請求,這樣就不會有跨域問題了,當然這只適用于開發(fā)環(huán)境。

反向代理

proxyTable: {'/api': {//這里是我配置的名字

target:'http://xxx', //這個路徑是我代理到本地tp框架里面

changeOrigin: true, //開啟代理

pathRewrite: {'^/api':'/api' }? //這里重寫路徑/run就代理到對應地址

}

}

當然,此時的api接口形式應該為/api/xxx,

補充回答:config中配置:

proxyTable: {'/api': {target:'http://picup.xxxx.net',changeOrigin: true,pathRewrite: {'^/api':''

? ? }

? }

}

請求:


get('/api/1/picture?method=upload')

https://vuejs-templates.github.io/webpack/proxy.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容