线上预览地址 ，后台接口数据是模拟的 可以随意添加修改删除

此框架基于PanJiaChen大佬的vue-element-admin修改而成，在使用前建议先看看大佬的几篇文档手摸手，带你用vue撸后台 系列一（基础篇）,文档会帮助你避免掉很多问题！

菜单权限由后台控制

在创建菜单时请注意，name字段对应的是页面里的name（红色的框），如果这两个地方不一致，keep-alive缓存会无效，（A页面输入内容，切换到B页面后，再切换回A页面，A页面输入的数据会丢失），而且每个菜单的name是唯一的，重复了keep-alive也会失效。

是否显示是指是否显示在菜单里，隐藏菜单仍可以通过路由访问

文件路径要注意的是 一级菜单使用的是Layout这个字段，二级或多级目录使用的是none这个字段（因为目录没有指向具体的文件），子页面使用的才是具体指向的页面，如黄色箭头指向的，文件默认放置于src/pages文件夹下。

后台接口的路径在项目根目录的vue.config.js里修改

后台接口返回的状态码在src/utils/request.js里修改

src/permission.js是路由守卫

src/external是放置外部页面的地方，在src/router/modules/external.js里可以配置对外开放的页面路由。

命令

# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git

# enter the project directory
cd vueElementAdminBase-master

# install dependency
npm install

# develop
npm run dev

浏览器打开 http://localhost:8099

打包

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

这个只是前端的项目，还需要启动一个模拟后台接口的项目，地址是 vueElementAdminServer

捐赠

如果你觉得这个项目对您有帮助，你可以用以下行动支持一下作者: