vue如何保存后端传来的token vue中Axios的封装与API接口的管理详解？

vue中Axios的封装与API接口的管理详解？

首先，在您创建的public方法的文件中创建一个新的HttpUtil.js文件文件。以下是总结HttpUtil.js文件内容：VAR Axios=require（“Axios”）//配置项根，例如路径VAR root=“http://localhost：8090/manage“//Axios请求函数httpapi（method，URL，params）{返回新承诺（（resolve，reject）=>{Axios（{method:method，URL:URL，数据：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？参数：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的调用接口，导出默认值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，params）{return httpapi（“post”，URL，params）}，put:function（URL，params）{return httpapi（“put”，URLparams）}，delete:function（url，params）{return httpApi（“delete”，url，params）}

随着技术的发展和分布式web应用的普及，通过会话管理用户登录状态的成本越来越高。因此，它逐渐发展成为一种令牌方式来进行登录身份验证，然后通过令牌获取缓存在redis中的用户信息。随着JWT的出现，验证方法更加简单方便，不需要通过redis缓存，而是直接根据令牌检索保存的用户信息，验证令牌的可用性。单点登录更容易。

JWT通常包含两个令牌：访问令牌和刷新令牌。当用户通过登录等方式成功验证身份时，服务器会生成一个访问令牌和一个刷新令牌，并返回前端存储。两个令牌的过期时间都将在服务器上设置，但访问令牌的过期时间较短，而刷新令牌的过期时间较长。当当前端向服务器发送请求时，访问令牌将与请求一起发送到服务器，以验证请求者的身份。当服务器发现访问令牌已过期时，它将返回失败信息。此时，前端需要使用refresh token从服务器申请新的访问令牌。如果刷新令牌没有问题，服务器将生成一个新的访问令牌。如果刷新令牌已过期，则需要要求用户再次登录以验证其身份。

总之，JWT扩展是通过使用过期时间较长的刷新令牌重新申请新的访问令牌来实现的。当刷新令牌也已过期时，不可能延长时间。

vue如何保存后端传来的token vue八个生命周期面试题 vue怎么存储用户的登录信息

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。