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