js利用localStorage和sessionStorage完成记住我功能

最近在研发vue的前后端分离项目，特抽取一段vue中判断是否点击记住我的代码片段以供参考：

//201在后端返回来是登陆成功if (res.data.code === 201) {//判断是否需要记住密码if (that.loginData.remember) {//localstorage主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题,可以在浏览器的application的loacl storge查看到该键值对// dad01f09d4e541c5afadab77ca0d8efe此token为postgre的login_user表中的数据的每一个用户的tokenlocalStorage.setItem("token", res.data.data.token);localStorage.setItem("username",that.loginData.username);} else {//否则只在当前会话中保存sessionStorage.setItem("token",res.data.data.token);sessionStorage.setItem("username",that.loginData.username);}//使用 this.$router.push(location) 来修改 url，完成跳转that.$router.push("/index");}

测试：可以在浏览器的开发者模式下查看是否保存成功：

总结

以上是生活随笔为你收集整理的js利用localStorage和sessionStorage完成记住我功能的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。