vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā)
更新時間:2019年10月30日 10:35:44 作者:huyao_road
今天小編就為大家分享一篇vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
解決方法:
在vue項目的根目錄下添加 vue.config.js文件,文件中需要按照下面寫法來寫
module.exports = {
lintOnSave: true,
devServer: {
proxy: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://localhost:8080', //代理接口
changeOrigin: true,
pathRewrite: {
'^/api': '/mock' //代理的路徑
}
}
}
}
}
然后你就可以在代碼中使用 /api 來代替http://localhost:8080/mock啦
以上這篇vue 實現(xiàn)cli3.0中使用proxy進行代理轉(zhuǎn)發(fā)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中操作dom的四種方式總結(jié)(建議收藏!)
VUE是通過傳遞一些配置給Vue對象和頁面中引用插值表達式來操作DOM的,下面這篇文章主要給大家介紹了關(guān)于Vue3中操作dom的四種方式總結(jié),文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
解決Vue編譯時寫在style中的路徑問題
下面小編就為大家?guī)硪黄鉀QVue編譯時寫在style中的路徑問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
Vue彈窗的兩種實現(xiàn)方式實例詳解
這篇文章主要介紹了Vue彈窗的兩種實現(xiàn)方式,一種使用.sync修飾符另一種使用v-model,本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
Vue實現(xiàn)插槽下渲染dom字符串的使用
本文主要介紹了Vue實現(xiàn)插槽下渲染dom字符串的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
關(guān)于axios如何全局注冊淺析
這篇文章主要給大家介紹了關(guān)于axios如何全局注冊的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用axios具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
vue結(jié)合leaflet實現(xiàn)熱力圖
本文主要介紹了vue實現(xiàn)熱力圖,結(jié)合leaflet.heat插件可以很容易的做出熱力圖,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-06-06
Vue實現(xiàn)天氣預(yù)報小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)天氣預(yù)報小應(yīng)用,查詢一些城市的天氣情況,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
2021-08-08