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

假设有这样一个场景：用户登录后，用vuex管理用户的信息，登录成功后进入主界面，在进入主界面后刷新浏览器，此时vuex中的用户信息将无法获取到。那么应该如何解决？办法之一是使用localStorage保存用户信息。在登录成功后保存用户信息，刷新浏览器后从localStorage中获取用户信息，然后再通过vuex管理（mapMutations、mapGetters）。刷新浏览器后vuex中的数据消失

ECMAScripter

2768人浏览 · 2018-02-24 11:26:35

ECMAScripter · 2018-02-24 11:26:35 发布

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^