有四种路由权限:菜单权限,界面权限,按钮权限,请求响应权限

菜单权限

        

目录

有四种路由权限:菜单权限,界面权限,按钮权限,请求响应权限

菜单权限


后端会返回权限数据,里面有该用户能访问到的菜单信息,使用vuex+sessionStorage存储,在页面循环出来就行

界面权限

  未登录,通过url访问其他页面          

要把token存储到sessionStorage,再router.beforEach中判断是否要去login页面,若不是判断token是否存在,不在就强制next(‘login’)

 

 已登录,无权限,通过url访问无权限页面

这个函数要在登录成功后调用,也要在app的created周期里使用。

按钮权限 

使用自定义指令

 

请求响应权限 

没有权限的用户可以通过开发者工具来修改按钮的disabled,从而发起请求

 

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐