2019-08-16 18:31:56 +08:00
|
|
|
|
## vue-admin-permission
|
2019-07-12 10:23:40 +08:00
|
|
|
|
项目基于vue-cli3.0进行搭建，并使用了vue全家桶vue vuex axios vue-router elementui，增加了按钮级别的权限控制
|
|
|
|
|
|
|
2019-07-12 16:17:04 +08:00
|
|
|
|
|
2019-08-16 18:31:56 +08:00
|
|
|
|
### <a target="_blank" href="http://www.vueadmin.cn">线上预览地址</a>
|
2019-10-18 10:02:30 +08:00
|
|
|
|
### <a target="_blank" href="https://github.com/loveRandy/react-admin">React版本请移步</a>
|
2019-08-16 18:31:56 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#### 脚手架版本:
|
|
|
|
|
|
*vue-cli-3.0
|
|
|
|
|
|
|
|
|
|
|
|
#### 用到vue相关的生态链模块:
|
|
|
|
|
|
* `vue`
|
|
|
|
|
|
* `vue-router`
|
|
|
|
|
|
* `vuex`
|
|
|
|
|
|
* `axios`
|
|
|
|
|
|
|
|
|
|
|
|
#### 项目要点
|
|
|
|
|
|
* `路由懒加载`
|
|
|
|
|
|
* `根据权限生成动态路由`
|
|
|
|
|
|
* `全局数据请求拦截处理及loading`
|
|
|
|
|
|
* `多个代理配置`
|
|
|
|
|
|
* `抽离第三方库文件dll`
|
|
|
|
|
|
|
|
|
|
|
|
### 项目启动步骤
|
|
|
|
|
|
1. 安装包（这里需要使用npm进行安装，如果用cnpm或者yarn会有热更新失效的问题）
|
|
|
|
|
|
npm install
|
|
|
|
|
|
2. 开发运行
|
|
|
|
|
|
npm run serve:randy
|
|
|
|
|
|
3. 生产打包
|
|
|
|
|
|
npm run dll (仅需运行一次)
|
|
|
|
|
|
npm run build
|
|
|
|
|
|
|
|
|
|
|
|
#### 项目分析
|
|
|
|
|
|
npm run analyze
|
|
|
|
|
|
|
|
|
|
|
|
#### 温馨提示
|
|
|
|
|
|
在新增vue页面的时候，热更新可能会失效，重启一下项目
|
|
|
|
|
|
|
2019-10-18 10:05:27 +08:00
|
|
|
|
### <a target="_blank" href="http://www.randy168.com">个人博客系统:www.randy168.com</a>
|
