内网环境下element-template配置element-admin

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 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大牛码子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值