vue-element-admin如何從mock數(shù)據(jù)過渡到使用后臺接口
更新時間：2023年04月25日 08:45:02 作者：YKenan
這篇文章主要介紹了vue-element-admin如何從mock數(shù)據(jù)過渡到使用后臺接口問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
1. 移除 mock
修改 vue.config.js 文件
- 1. 首先將 before: require("./mock/mock-server.js") 注釋掉
- 2. 添加一下內(nèi)容
proxy: {
// change xxx-api/login => mock/login
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://192.168.81.129:${port}`,
changeOrigin: true,
pathRewrite: {
["^" + process.env.VUE_APP_BASE_API]: ""
}
}
// "/api": {
// target: `http://192.168.81.129:${port}`,
// changeOrigin: true,
// pathRewrite: {
// "^/api": ""
// }
// }
}
修改 src/main.js 文件
2. 替換 mock 為后臺接口請求
修改 src/api/*.js 文件
3. 補全請求，狀態(tài)參數(shù)
改動變量，.env.development 文件
修改 src/utils/request.js 文件
刪除 mock 文件夾
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Vue.js Class與Style綁定的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
vue-music 使用better-scroll遇到輪播圖不能自動輪播問題
根據(jù)vue-music視頻中slider組建的使用，當(dāng)安裝新版本的better-scroll，輪播組件，不能正常輪播。如何解決這個問題呢，下面小編給大家?guī)砹藇ue-music 使用better-scroll遇到輪播圖不能自動輪播問題，感興趣的朋友一起看看吧2018-12-12
這篇文章主要介紹了Vuex 使用 v-model 配合 state的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
vue中動態(tài)添加style樣式的幾種寫法總結(jié)
這篇文章主要介紹了vue中動態(tài)添加style樣式的幾種寫法總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要給大家介紹了關(guān)于vue點擊單張圖片放大實現(xiàn)的相關(guān)資料,在vue項目中實現(xiàn)點擊圖片放大功能相信對大家來說都不陌生,文中給出了詳細(xì)的js示例代碼,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了詳解Vue This$Store總結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了vue3的自定義hook函數(shù)使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue是當(dāng)前很火的一款MVVM的輕量級框架，它是以數(shù)據(jù)驅(qū)動和組件化的思想構(gòu)建的。因為它提供了簡潔易于理解的api，使得我們很容易上手。這篇文章給大家介紹了vue雙向數(shù)據(jù)綁定問題，感興趣的朋友一起看看吧2017-10-10
關(guān)于IDEA中的.VUE文件報錯 Export declarations are not supported by cu
這篇文章主要介紹了關(guān)于IDEA中的.VUE文件報錯 Export declarations are not supported by current JavaScript version的問題，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
在vue2中 使用的?this.$route?和?this.$router?this.$store的使用在vue3中完全適用，這篇文章主要介紹了Vue3 使用Vuex和router的注意事項及操作方法,需要的朋友可以參考下2022-12-12