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";
}