Skip to content

44.vue 要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?

  • 登录鉴权:用户登录后返回 Token,前端将 Token 保存到本地,作为用户登录的凭证,每次发送请求时会携带 Token,后端会对 Token 进行验证。当页面刷新时我们可以使用 Token 来获得用户权限。

  • 访问权限:根据用户是否登录判断能否访问某个页面,通过路由守卫实现判断用户是否有此权限。

  • 页面权限:前端配置的路由分为两部分 “通用路由配置” 和 “需要权限的路由配置”。在权限路由中增加访问权限 meta(备注)。用户登录后可得到对应的权限列表,通过权限列表筛查出对应符合的路由信息,最后通过 addRoutes 方法,动态添加路由。

  • 按钮权限:按钮权限一般采用自定义指令实现,当用户登录时后端会返回对应的按钮权限,在按钮上使用此指令,指令内部会判断用户是否有此按钮权限,如果没有则会移除按钮。

Released under the MIT License.