在3年前发布了一篇vue2后台管理系统动态路由方案，时至今日，vue2已经升级到了vue3，动态路由的实现方案也同步做出了一些升级迭代，帮助开发者们更高效的完成业务需求，然后摸鱼🐟。

👨‍💻本文保证你能彻底弄懂动态权限路由系统，让你不管是面试还是开发，都游刃有余，哪怕你之前一点也没接触过动态权限。

任何一个管理系统几乎都存在权限管理和动态路由，它一般和用户管理一同出现，可能有的人觉得这个东西每个管理系统都存在，觉得这个模块没有这么的重要；而在我的认知里，像权限控制和用户管理是管理系统中最重要的一

在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上的各种各样的限制。 因为这是一个工作上的业务需求，所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单…

前两篇关于vue权限路由文章的填坑，说了一堆理论，是时候操作一波了。 选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。 …

小菜鸡的路由权限解决方案，不喜勿喷，我也不是写给你们看的，我的地盘我做主，我想写啥就写啥，谁敢喷我，喷的不对，别怪我毒舌

权限控制可以粗分为页面级和页面元素级。换成人话就是：这个菜单只有管理员可以看到，这个页面某某某不能访问，这个按钮没有权限不能点击，这个区域别让普通用户看到！！ 接下来我们将产品经理的人话，转换成技术开发的鬼话。 我们需要在渲染之前拿到用户权限列表，可以先从服务端请求获取到当前用…

背景:公司打算做一个(cms),最开始前端参照vue-element-admin的思路,验证了前端鉴权的可能性,大佬写的代码思路清奇,值得学习,后来考虑诸多因素,接口安全性前端鉴权的难度以及项目的复杂