页面刷新后,store存储的信息就无法获取到,因为刷新之后,vue实例被重新加载,store被重置,所以需要用本地存储。
推荐使用sesstionStorage存储,在当前浏览器窗口关闭后自动删除。
const state = {
userInfo: JSON.parse(sesstionStorage.getItem('userInfo') || {}
}
const mutations = {
SET_USERINFO: (state, data) => {
state.userInfo = data;
sesstionStorage.setItem('userInfo', JSON.stringify)
}
}