Skip to content

项目总结

深入了解项目难点、你是怎么解决的

管理后台

登录权限

  • 登录成功后,前端把 token 存贮到 storage 中(保证刷新页面后能记住用户登录状态),然后根据 token 再去拉取 userInfo 的接口来获取用户的详细信息(如用户权限,用户名等等信息)
  • 第一种:根据用户的 role 算出其对应有权限的路由
  • 第二种:后端根据用户的权限动态生成的路由
  • 两种方法都需要前端去清洗数据,生成嵌套路由配置
  • 最后通过 router.addRoutes 动态挂载这些路由

上述所有的数据和操作都是通过 vuex/pinia 全局管理控制的

按钮权限

  • 大体流程跟路由权限一致,获取用户的按钮权限信息,判断区分不同权限对应的按钮
  • 可用 v-if 或者 v-permission 自定义指令,来判断

to be continued...

小程序

taro(vue3)

uniapp(vue2)

to be continued...

Last updated: