oj在线判题系统----全局权限管理

目标:以一套通用的机制,去定义哪个页面需要哪些权限,而不用每个页面独立地去判断权限,提高效率。(可以在路由中定义需要的权限)

思路:

1)在路由配置文件,定义某个路由的访问权限。

2)在全局页面组件中,绑定一个全局路由监听。每次访问页面时,根据用户要访问的路由信息,先判断用户是否有对应的访问权限。

3)如果有,跳转到原页,如果没有,拦截或跳转到401鉴权或登录页。

注:1.APP.vue是全局文件

       2.可以单独定义一个文件,控制路由的显隐

代码事例:

const router = useRouter();
const store = usestore();
router.beforeEach((to, from,next) ->{
  //仅管理员可见,判断当前用户是否有权限
  if (to.meta?.access --= "canAdmin") {
    if (store.state.user.loginUser?.role !== "admin") {
      next(" / noAuth ");
      return;
    }
  }
  next();
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值