项目总结
深入了解项目难点、你是怎么解决的
管理后台
登录权限
- 登录成功后,前端把 token 存贮到 storage 中(保证刷新页面后能记住用户登录状态),然后根据 token 再去拉取 userInfo 的接口来获取用户的详细信息(如用户权限,用户名等等信息)
- 第一种:根据用户的 role 算出其对应有权限的路由
- 第二种:后端根据用户的权限动态生成的路由
- 两种方法都需要前端去清洗数据,生成嵌套路由配置
- 最后通过
router.addRoutes动态挂载这些路由
上述所有的数据和操作都是通过 vuex/pinia 全局管理控制的
按钮权限
- 大体流程跟路由权限一致,获取用户的按钮权限信息,判断区分不同权限对应的按钮
- 可用
v-if或者v-permission自定义指令,来判断
to be continued...