localStorage.setItem()前后端分离情况下使用

localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。

localStorage 属性是只读的。

前后端分离情况下,可以将后端返回的数据保存到localStorage中:

  localStorage.setItem("user",JSON.stringify(res.data.user));

然后系统跳转页面 读取用户信息:

  var userString = localStorage.getItem("user");

点击退出登录后,删除localStorage数据。

 localStorage.removeItem("user");

 页面检测是否有用户登录,没有进行跳转至登录界面:

 if (userString) {
                this.user = JSON.parse(userString);
            } else {
                alert("您尚未登录,点击确定跳转至登录页面!");
                location.href = "/ems_vue/login.html";
            }

猜你喜欢

转载自blog.csdn.net/weixin_38959210/article/details/108514885