权限管理
小于 1 分钟
前端的权限管理是第一道防线,包括菜单权限、路由权限和页面元素权限。
提示
技能码常量在 src/constant/skill
目录下,已经做好了分类并做了自动导入。
菜单权限
菜单权限已经完全由后端进行控制,没有权限的菜单数据不会返回给前端,所以前端不需要做任何处理。
路由权限
路由权限在 meta 中配置 skillCode
参数即可,路由守卫会做到权限控制。只需配置当前路由页面必要的技能代码即可,不用考虑是否为管理员,路由守卫中会去做处理。
页面元素权限
页面元素权限一般包括操作按钮,关联查询其他模块的信息等。在显示这些元素时需要使用 useUserStore
中的 hasAuth
方法并使用 v-if
来判断是否可以显示。
注意
为了更好的用户体验,请求接口前要进行权限判断,防止出现打开页面出现一堆的报错。