登入界面
登录: 当用户填写完账号和密码后向服务端验证是否正确, 服务端返回一个token, 拿到token之后(我会将这个token存储到cookie中,保证刷新页面后能记住用户登录), 前端会根据token...在去拉取一个user_info的接口来获取用户的详细信息(如用户权限,用户名等等信息)
权限验证: 通过token获取用户对应的role(角色), 动态根据用户的role算出其对应有权限的路由, 通过router.addRoutes...获取用户信息
用户登录成功之后,我们在全局钩子router.beforeEach中拦截路由,判断是否已获得token,在获取token之后我们就要去获取用户的基本信息了
(同时要注意一点的是: 我们之后存储一个用户...用户登录之后,通过token获取用户的role(角色信息) 动态根据用户的role 算出其对应应有权限的路由
再通过router.addRouetes动态挂载路由(这些都只是路由级的,后端的权限是逃不掉的....catch(err => {console.log(err)})
如果当有用户权限的时候,说明所有可访问路由已生成 ,
如果没权限的页面会自动进入404页面
如果页面没有token时,
如果在页面登入的白名单中