首先进行开发的一定不要直接用vue-element-admin,这个冗余内容很多,不适合二次开发,二次开发的话选择 vue-admin-template!!!
template就容易上手多了
在这里插入图片描述

1.然后就是改前端布局,css什么的,在当前它的index.vue里面改它的布局样式就好啦
在这里插入图片描述
2.页面布局完成后需要前后端交互了,这时候需要删掉一些mock的数据,,否则就会出现双层接口地址,就像下面这样
在这里插入图片描述
3.需要删除的部分有:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.将原项目的前后端交互数据删除之后,需要将baseUrl改成自己的
位置在.env.development里面
在这里插入图片描述
例如:

VUE_APP_BASE_API = 'https://192.122.22.222:8080' //自己项目的服务器地址

tip:一定要加https!!!,不然还是double的

  1. 最后改一下api就好啦 位置如下
    在这里插入图片描述
GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐