牛骨文教育服务平台(让学习变的简单)
博文笔记

使用localStorage解决浏览器刷新后无法再从vuex中获取数据的问题

创建时间:2018-02-24 投稿人: 浏览次数:941

假设有这样一个场景:用户登录后,用vuex管理用户的信息,登录成功后进入主界面,在进入主界面后刷新浏览器,此时vuex中的用户信息将无法获取到。那么应该如何解决?

办法之一是使用localStorage保存用户信息。在登录成功后保存用户信息,刷新浏览器后从localStorage中获取用户信息,然后再通过vuex管理(mapMutations、mapGetters)。刷新浏览器后vuex中的数据消失,需要再次从localStorage中获取。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。