Vue專案 --- proxyTable配置
配置
通過使用webpack
提供的proxyTable
配置axios
的請求url
首先開啟/config/index.js
,然後在其中配置如下:
proxyTable: {
'/api': {
target: 'http://localhost:8080',
pathRewrite: {
'^/api': '/static/mock'
}
}
}
如上面配置,在進行ajax請求的時候,url就可以寫成'/api/'+檔案地址
,
axios.get('/api/index.json?city=' + this.city)
.then(this.getHomeInfoSucc)
等和介面聯調的時候我們再重新配置proxyTable
。
相關文章
- 在vue-cli專案設定代理proxyTableVue
- vue/cli 3.x配置proxyTable跨域Vue跨域
- webpack+vue-cil 中proxyTable配置介面地址代理WebVue
- vue專案配置Vue
- Vue建立專案配置Vue
- 奇怪的bug:解決 vue-cli中 proxyTable 配置無效Vue
- 【vue系列】 vue2.0 專案配置 ESLintVueEsLint
- vue專案多頁面入口配置Vue
- 優雅配置vue專案,webpack 4.x + Vue模仿vue-cli配置 (一)VueWeb
- vue中proxyTable反向代理進行跨域Vue跨域
- 配置一個vue-cli3.0專案Vue
- Nginx配置VUE專案Https訪問NginxVueHTTP
- Vue3專案配置 eslint + prettierVueEsLint
- 利用nginx 配置vue多專案環境NginxVue
- 【vue系列】vue2.0 專案配置 Mocha 單元測試Vue
- 搭建vue cli4專案及打包配置Vue
- Vue專案全域性配置微信分享實踐Vue
- Vue2.5筆記:如何在專案中使用和配置VueVue筆記
- VUE 專案:API配置、版本控制(V1.0方案)VueAPI
- Nginx 配置 Vue 專案解決跨域問題NginxVue跨域
- Vue 學習筆記 (三) -- VueCli 3 專案配置Vue筆記
- vue2.0專案配置flow型別檢查Vue型別
- VUE專案Vue
- vue-cli3專案搭建配置以及效能優化Vue優化
- Vue專案釋出到springboot中的系列配置VueSpring Boot
- vue 2.0開發專案中stylus 的配置和使用Vue
- 在寶塔上配置打包好的vue3專案Vue
- vue專案流程Vue
- 建立vue專案Vue
- vue專案配置 `webpack-obfuscator` 進行程式碼加密混淆VueWeb行程加密
- vue-cli3專案配置eslint程式碼規範VueEsLint
- vite+vue3專案配置二級訪問目錄ViteVue
- vscode配置vue專案的程式碼格式化VSCodeVue
- vue(16)vue-cli建立專案以及專案結構解析Vue
- Vue-cli 3.x搭建專案還要做什麼?之一【新建專案與配置】Vue
- Vue部落格專案Vue
- Vue專案優化Vue優化
- 建立Vue專案流程Vue