页面刷新，vuex状态丢失，解决办法

问题描述：在开发过程中遇到vuex存储用户信息，结果一刷新用户信息拿不到了。

 

问题原因：由于vuex相当于全局的computed，所以会有生命周期。

 

解决办法：存储到本地。本地存储也分好几种

 

打开浏览器控制台，浏览器控制台Application的Storage。

localStorage：除非手动代码删除，否则清除不掉

sessionStorage：会随着窗口关闭，清除数据

cookies:只能存不超过4KB的文本数据

 

我自己的解决办法：

将用户数据存储到localStorage中：

window.localStorage.setItem(JSON.stringify(userInfo));  //转换成字符串，存储到本地

需要的时候直接拿：

JSON.parse(window.localStorage.getItem('userInfo'));  //拿出来之后，转换成对象类型