Vue——Vue3权限与安全 【登录认证与 Token 管理】

背景问题：
需要实现用户认证和 Token 管理。

方案思考：
实现完整的认证流程。

具体实现：
认证服务：

// api/auth.jsimportrequestfrom'@/utils/request'// 登录exportfunctionlogin(data){returnrequest({url:'/login',method:'post',data})}// 获取用户信息exportfunctiongetInfo(){returnrequest({url:'/getInfo',method:'get'})}// 退出登录exportfunctionlogout(){returnrequest({url:'/logout',method:'post'})}// 获取验证码exportfunctiongetCodeImg(){returnrequest({url:'/captchaImage',method:'get',timeout:20000})}

Token 管理工具：

// utils/auth.jsconstTokenKey='Access-Token'// 获取 TokenexportfunctiongetToken(){returnlocalStorage.getItem(TokenKey)}// 设置 TokenexportfunctionsetToken(token){returnlocalStorage.setItem(TokenKey,token)}// 移除 TokenexportfunctionremoveToken