vue 實現(xiàn)cli3.0中使用proxy進行代理轉發(fā)
更新時間:2019年10月30日 10:35:44 作者:huyao_road
今天小編就為大家分享一篇vue 實現(xiàn)cli3.0中使用proxy進行代理轉發(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進行代理轉發(fā)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
elementui源碼學習之仿寫一個el-divider組件
這篇文章主要為大家介紹了elementui源碼學習之仿寫一個el-divider組件示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08
VUE的history模式下除了index外其他路由404報錯解決辦法
在本篇文章里小編給大家分享的是關于VUE的history模式下除了index外其他路由404報錯解決辦法,對此有需要的朋友們可以學習下。2019-08-08

