Vue + ElementUI 后台管理系统框架
在线预览
https://harsima.github.io/vue-backend
相关教程
- Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇
- Vue + ElementUI 手撸后台管理网站基本框架(一)创建项目
- Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制
- Vue + ElementUI 手撸后台管理网站基本框架(三)登录及系统菜单加载
- Vue + ElementUI 手撸后台管理网站基本框架(四)主题切换
功能列表
- 登录登出
- 菜单异步加载
- 页面详细权限控制
- 多语言支持
- 布局切换
- 高德地图集成
- Echarts集成
- 错误页面
- mock数据
- 页面加载进度条
项目使用
# 安装项目依赖
npm install
# 开启本地服务,默认为localhost:9000
npm run dev
# 项目打包,构建生产环境
npm run build
# 打包过程中想查看具体报告则可以通过以下命令实现
npm run build --report
Nginx简单部署配置
将打包后的文件放到Nginx安装目录中的html文件夹内,然后对Nginx进行简单配置即可。
...
# 以上保持默认配置即可
server {
listen 9090;
server_name localhost;
# 项目文件目录
root html/vue-backend;
index index.html index.htm;
location / {
# vue-router使用history模式下的必须配置
try_files $uri $uri/ /index.html;
index index.html;
}
}
其他
欢迎反馈及探讨各种问题,同时请注意issue规则。 QQ交流群:745454791