Zichen_Lin的博客

在一些常见的 RBAC 系统中，对于角色和权限的管理是极其重要的。一个人可以拥有多个`角色`，而一个角色又会被赋予多个`权限`。不同的角色在登录后台系统后，看到的系统菜单也是不同的。在前后端不分离的项目中，后端可以整合 `Spring Security`、`Shiro`等安全框架对页面元素进行标签化管理。但是随着前后分离模式的普及，我们现常常把展示逻辑放到前端来完成。本文就详细聊一聊在 vue 中如何实现对于菜单的动态控制。

之前在用 react 脚手架写项目时，发现在引入自定义组件或 js 的时候，不能够像vue似的通过别名@来引入，如果涉及层级过深，那么一堆的相对路径../../也是颇为头痛，且及不雅观。使用初始化项目，不会有webpack的配置项。如果想手动修改配置，需要通过把 webpack 的配置文件分解到 config 文件夹，此过程是不可逆的。如果只是修改一些简单的配置，则推荐使用第三方依赖，其作用是帮助我们重写 react 脚手架的配置。