2023-12-20 星期三
一、用登录和退出问题
1登录
思路一:
1.1 login 登录页面,将token 存储本地中。
1.2 前置路由守卫获取 token 并验证,
1.3 前置路由 从缓存中获取用户的访问权限,并生成动态路由。
1.4 aixos 请求拦截器,从存储中获取存储的token,在所有请求前,设置请求头
思路二:
1.1 login 登录页面,发送请求获取token ,将token 存储本地中。
1.2 login 登录页面,发送请求获取用户可访问的路由信息(权限) ,并存缓存中。
1.3 路由前置守卫,从缓存中获取 用户token,验证,通过放行,不通过返回登录页面。
1.4 路由前置守卫,从缓存中获取 用户权限信息,验证访问权限,并生成对应的动态路由。
注意:存在 有token ,没有权限情况,需要重新发起请求,获取用户权限。
可将发请求,通过用户信息获取权限的代码发到前置路由中(),或全局状态管下(pinia中实现)
路由跳转到首页
2. 登出
1.1 清除localStorage中用户信息,
1.2 清除用户权限信息?(不需要,token不存在,需要重新登录)
1.3 返回登录页面
二、用户列表增删改查
标签:登录,用户,获取,token,vue3,权限,梳理,路由 From: https://www.cnblogs.com/zh-jone/p/17916107.html