vue后台管理系统流程(面试必选)
后台页面的权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能 我们前端所要做的是: 不同的权限对应着不同的路由,同时侧边栏也需要根据不同的权限...登入界面
登录: 当用户填写完账号和密码后向服务端验证是否正确, 服务端返回一个token, 拿到token之后(我会将这个token存储到cookie中,保证刷新页面后能记住用户登录), 前端会根据token...在去拉取一个user_info的接口来获取用户的详细信息(如用户权限,用户名等等信息)
权限验证: 通过token获取用户对应的role(角色), 动态根据用户的role算出其对应有权限的路由, 通过router.addRoutes...== -1){next()},
否则全部重定向到登入页面
下面是store/permission.js
这里就是干一件是,通过用户权限和之前在router.js里面asyncRouterMap的每一个页面所需要的权限做匹配...我们的有一些系统给入驻的商家时候,他们可以添加商店 , 我们审核 ,给予相应的权限,
我们前端在通过token获取roel,根据用户的roel动态算出其拥有权限的路由,
之后通过router.addRouters