vuex初始化提交localstorage里到state,但是刷新浏览器还是会清空vuex的数据,如何让它刷新不请空

纠结了几天的问题了,第一次用vuex保存登录成功返回的数据。
代码如下
store.js

clipboard.png

clipboard.png
login.vue组件里异步分发actions,如果状态码为200,将返回数据保存到localstorage并提交mutilation到state里的logindata

clipboard.png

clipboard.png

能成功提交到state,其他页面也能正确获取,但是一刷新vuex就清空了,有位大神说设置vuex初始值重启时应该把本地存储里的数据放到vuex中的state里。于是有了上面的写法

clipboard.png
但是一刷新数据还是置空了,请问是不是哪里没写对,求大神指点,第一次用vuex,纠结几天了,急死了

阅读 5.5k
5 个回答

请求到数据后,立马保存到 localStorage。

vuex中的数据是在缓存中的,刷新浏览器后肯定会没有的。

如果只是为了拿登陆后的登录态,完全可以不用vuex,直接用localStorage存取就行了。
你把登录态先存在local里,又取出来,再塞到state里,再取出来,感觉完全没必要啊。

你的意思因该是缓存数据,然后通过vuex操作数据。。。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题