vue-element-admin如何从mock数据过渡到使用后台接口
更新时间：2023年04月25日 08:45:02 作者：YKenan
这篇文章主要介绍了vue-element-admin如何从mock数据过渡到使用后台接口问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
1. 移除 mock
修改 vue.config.js 文件
- 1. 首先将 before: require("./mock/mock-server.js") 注释掉
- 2. 添加一下内容
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. 补全请求，状态参数
改动变量，.env.development 文件
修改 src/utils/request.js 文件
删除 mock 文件夹
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了浅谈webpack编译vue项目生成的代码探索，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
浅谈vue的iview列表table render函数设置DOM属性值的方法
下面小编就为大家带来一篇浅谈vue的iview列表table render函数设置DOM属性值的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了浅谈Vue组件单元测试究竟测试什么，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
这篇文章主要介绍了vue 之 .sync 修饰符的相关知识，非常不错，具有参考借鉴价值 ,需要的朋友可以参考下2018-04-04
在 Vue 3 中,watch 仍然是一种用于监听数据变化并执行相应操作的方式,不过在组合式 API 中,watch 的使用方式与选项式 API 略有不同,这篇文章主要介绍了Vue3.0监听器watch与watchEffect,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了在vue中封装方法以及多处引用该方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要给大家介绍了关于vue导出报表至excel表格的三种方式,导出报表是实际开发的常见功能,前后端都可以实现表格导出,本文介绍的是用vue实现,需要的朋友可以参考下2023-09-09
vue elementUI table 自定义表头和行合并的实例代码
这篇文章主要介绍了vue elementUI table 自定义表头和行合并的实例代码，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05![关于console.log打印结果是 [object Object]的解决](//img.jbzj.com/images/xgimg/bcimg8.png)
关于console.log打印结果是 [object Object]的解决
这篇文章主要介绍了关于console.log打印结果是 [object Object]的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
文件上传的功能实现是我们做Web应用时候最为常见的应用场景,下面这篇文章主要给大家介绍了关于如何在Vue3中实现文件上传功能结合后端API的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
![关于console.log打印结果是 [object Object]的解决](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论