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跨域
- vue專案配置Vue
- Vue建立專案配置Vue
- 【vue系列】 vue2.0 專案配置 ESLintVueEsLint
- Vue3專案配置 eslint + prettierVueEsLint
- Nginx配置VUE專案Https訪問NginxVueHTTP
- vue專案多頁面入口配置Vue
- vue中proxyTable反向代理進行跨域Vue跨域
- 優雅配置vue專案,webpack 4.x + Vue模仿vue-cli配置 (一)VueWeb
- 配置一個vue-cli3.0專案Vue
- 利用nginx 配置vue多專案環境NginxVue
- 【vue系列】vue2.0 專案配置 Mocha 單元測試Vue
- Vue專案釋出到springboot中的系列配置VueSpring Boot
- 搭建vue cli4專案及打包配置Vue
- VUE 專案:API配置、版本控制(V1.0方案)VueAPI
- Vue2.5筆記:如何在專案中使用和配置VueVue筆記
- Nginx 配置 Vue 專案解決跨域問題NginxVue跨域
- vscode配置vue專案的程式碼格式化VSCodeVue
- Vue 學習筆記 (三) -- VueCli 3 專案配置Vue筆記
- Vue專案全域性配置微信分享實踐Vue
- VUE專案Vue
- 在寶塔上配置打包好的vue3專案Vue
- vue-cli3專案配置eslint程式碼規範VueEsLint
- vue-cli3專案搭建配置以及效能優化Vue優化
- vscode中vue-cli專案es-lint的配置VSCodeVue
- Nginx部署Vue前端專案,部署多個Vue專案NginxVue前端
- 建立vue專案Vue
- vue專案流程Vue
- vite+vue3專案配置二級訪問目錄ViteVue
- vue專案配置 `webpack-obfuscator` 進行程式碼加密混淆VueWeb行程加密
- Vue-cli 3.x搭建專案還要做什麼?之一【新建專案與配置】Vue
- [VUE]vue3新建專案Vue
- springboot+vue前後端分離專案-vue專案搭建Spring BootVue後端
- vue(16)vue-cli建立專案以及專案結構解析Vue
- 在 JeecgBoot 專案中基於 Vue 3 配置多頁面入口bootVue
- vue 專案 webpack 中 NPM 傳遞引數配置不同域名介面VueWebNPM
- Docker 部署 vue 專案DockerVue