vue 更改連接后臺的api示例
更新時間：2019年11月11日 19:07:51 作者：mcya
今天小編就為大家分享一篇vue 更改連接后臺的api示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue 更改連接后臺的api，是更改在config文件夾下的index.js文件中的proxyTable的值。
如下代碼，其中 10.1.166.88:8888/springTimes 為后臺暴露出來的appi。
dev: {
env: require('./dev.env'),
port: 8886,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://10.1.166.88:8888/springTimes',//路徑更改。
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
cssSourceMap: false
}
更改后需要重新 npm run dev 才起效果。
以上這篇vue 更改連接后臺的api示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue設置全局訪問接口API地址操作
- vue項目接口管理,所有接口都在apis文件夾中統(tǒng)一管理操作
- VUE使用axios調(diào)用后臺API接口的方法
- Vue3新特性之在Composition API中使用CSS Modules
- Vue.js中Line第三方登錄api的實現(xiàn)代碼
- 使用Vue Composition API寫出清晰、可擴展的表單實現(xiàn)
- 精讀《Vue3.0 Function API》
- 淺談Vue3.0新版API之composition-api入坑指南
- vue 使用外部JS與調(diào)用原生API操作示例
- Vue項目中Api的組織和返回數(shù)據(jù)處理的操作
- 淺析 Vue 3.0 的組裝式 API（一）
相關文章
vue如何使用element-ui 實現(xiàn)自定義分頁
這篇文章主要介紹了vue如何使用element-ui 實現(xiàn)自定義分頁,可以通過插槽實現(xiàn)自定義的分頁,本文通過實例圖文相結(jié)合給大家介紹的非常詳細,感興趣的朋友一起看看吧2024-07-07
本文主要介紹了vue element多圖片預覽實現(xiàn)的相關資料,最近的項目中有圖片預覽的場景,本文就來介紹一下如何使用,感興趣的可以了解一下2023-08-08
這篇文章主要介紹了詳解如何在nuxt中添加proxyTable代理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
本文主要介紹了vue3的自定義指令directives實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要介紹了vue?退出登錄?清除localStorage的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了vue之bus總線的簡單使用解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
本文主要介紹了vue-element-admin配置小結(jié)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
詳解在WebStorm中添加Vue.js單文件組件的高亮及語法支持
本篇文章主要介紹了詳解在WebStorm中添加Vue.js單文件組件的高亮及語法支持，非常具有實用價值，需要的朋友可以參考下2017-10-10
這篇文章主要給大家介紹了手寫Vue源碼之數(shù)據(jù)劫持的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
這篇文章主要介紹了結(jié)合axios對項目中的api請求進行封裝操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09