element-admin之权限验证

该博客主要介绍如何在permission.js文件中,通过注释原有代码并新增逻辑,实现根据用户角色动态过滤异步路由。具体操作包括创建新数组,遍历asyncRoutes,检查每个路由的meta信息,如果包含特定角色(如'admin'),则将该路由添加到新数组中,最终设置accessedRoutes为过滤后的数组。这一过程有助于实现基于角色的权限控制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.在permssion.js里面注释掉  accessedRoutes = arr || 【】​

   之后加入

//新建数组
        var arr = 【】
        //进行异步数组过滤
        asyncRoutes.​forEac​h((item)=>{
          if(item.hasOwnProperty('meta')){
            if(item.meta.hasOwnProperty('roles')){
              if (item.meta.roles.includes('admin')){
                arr.push(item)
              }
            }
          }
        })
        console.log(asyncRoutes)
        accessedRoutes = arr || 【】​

2.在官网中,有如图所示代码,

 

 3.实现的效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值