用户登录保存用户信息,退出清理用户信息

1.使用sessionStorage的时候
登录时保存用户的登录信息:
如果只是想单纯的保存用户的token或者id的话可以这样写:

window.sessionStorage.setItem('userid', result.data.userid);
window.sessionStorage.setItem('token', result.data.userid);

但是当我们需要保存整个用户信息的时候,我们可以把返回的JSON对象转化为JSON字符串进行保存:

 window.sessionStorage.setItem('user',JSON.stringify(result.data));

在需要的页面进行获取时:
对于单独存储的userid可以直接这样获取:

this.userid = window.sessionStorage.getItem('userid');

对于我们保存的整个用户对象我们可以这样获取:

this.user = JSON.parse(window.sessionStorage.getItem('user'));

在退出时删除用户信息我们可以直接写一个方法:

signOut(){
     
		// 删除sessionStorage中的数据
		sessionStorage.clear();
		//刷新当前页面
		window.location.reload();	
		}

你可能感兴趣的:(vue,前端)