vue3 实现用户登录和权限验证思路梳理

发布时间 2023-12-20 11:15:11作者: 邢台哥哥

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 返回登录页面

二、用户列表增删改查