前端权限管理(完成流程细致到按钮)

路由权限方式1 动态路由:
登录后, 后台会返回用户对应的权限信息,然后筛选有权限访问的路由,调用addRoutes 动态添加路由。然后在路由全局路由守卫除了一些不需要权限的页面以外都进行权限判断。
路由权限方式2 在路由配置meta :
初始化即挂载全部路由,并且在路由上标记相应的权限信息,每次路由跳转前做校验
在路由中meta配置相应权限
eg: meta: {btnPermissions: [‘admin’, ‘visitor’] },
菜单权限:
在登录成功以后,根据用户的路由权限,根据路由配置的name或者是其他菜单的标记字段提取可访问的菜单名称然后进行vuex存储, 在layout层当中的菜单当中进行渲染。
按钮的权限:
登录的时候后端返回的数据当中包含有对应的路由的按钮权限, 通过自定义指令的方式, 在页面挂载的时候去读取对应的路由的对应的按钮权限,然后决定是否进行渲染。登录的时候用户就有用户角色标识 他根据不同的角色标识,就去渲染不同的按钮

你可能感兴趣的:(前端,javascript)