RBAC权限：动态菜单

原创

于 2021-08-30 21:50:26 发布

· 727 阅读

版权

文章标签：

本文介绍了基于角色的访问控制（RBAC）的概念，并详细阐述了在Vue.js应用中如何利用vue-router的addRoutes动态添加路由来实现权限控制。通过定义和管理菜单数据，结合用户权限数据过滤，确保用户只能访问其角色所允许的页面。

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

一、RBAC是什么?

RBAC（Role-Based Access Control，基于角色的访问控制），就是用户通过角色与权限进行关联。简单地说，一个用户拥有若干角色，每一个角色拥有若干权限。这样，就构造成“用户-角色-权限”的授权模型。在这种模型中，用户与角色之间，角色与权限之间，一般者是多对多的关系。

用户能访问到的页面（路由配置）必须是动态的，所以要先掌握一个可以动态添加路由地址的API

代码
在路由中先删除动态路由部分

const createRouter = () => new Router({
   
  // mode: 'history', // require service support
  scrollBehavior: () => ({
    y: 0 })