element-template配置element-admin中的v-permission(权限管理)
前言:npm装的慢可以设置淘宝镜像/公司内网的可以设置公司镜像源
npm config set registry https://registry.npm.taobao.org
检查当前电脑镜像 npm config get registry
1.store/modules文件夹下添加permission.js
2.store/getters.js 添加属性permission_routes和roles 必须后端接口返回roles{...,roles:[]}
3.store/index.js 引入modules/permission.js ,并且modules对象里配置该属性.想要配置管理员不受限制在permission.js的actions属性中设置
4.router/index.js 添加asyncRoutes列表 注意不要将一个路由同时配置在两个列表中(另:constantRoutes)
5.layout/components/Sidebar 因为html需要根据权限来重新渲染侧边栏,修改elementui样式,直接删除该文件夹复制admin中文件夹。
6.src/permission.js替换 element-admin项目下的。这个文件只是为了检测用户是否有token 有token则去请求用户角色信息
配置到这差不多结束了
配置右上角搜索导航图标组件
HeaderSearch组件
在layout/Navbar.vue引入search组件
同时安装fuse.js
安装成功还是失败 检查package.json文件中fuse版本 默认npm install会安装最新版本库
需要安装低一些的版本 如 npm install fuse.js@^3.4.4