【vue2.7.16系列】手把手教你搭建后台系统__刷新问题（17）

刷新页面用户信息丢失

当我们登录页面后，一刷新用户信息就丢失了。因此我们需要将用户信息保存起来，可以保存在localStorage中，也可以保存在cookie中，这里我们保存在cookie里。这里我们只需要将之前在src/utils/auth.js中setUserId相关代码改为setUserInfo，保存用户信息字符串。

const userInfoKey = 'user_info';
export function setUserInfo(userinfo, cookieExpires) {return Cookies.set(userInfoKey, JSON.stringify(userinfo), { expires: cookieExpires || 1 });
}
export function getUserInfo() {let userInfo = JSON.parse(Cookies.get(userInfoKey));if (typeof userInfo !== 'object' || userInfo === null) {userInfo = {};}return userInfo;
}
export function removeUserInfo() {return Cookies.remove(userInfoKey);
}

然后我们在src/store/modules/account.js中调整之前的setUserId逻辑为setUserInfo即可。
具体代码请点击查看/view/admin/src/store/modules/account.js

其他类似刷新问题都可以用此方法解决。
至此完成。。。未有详尽之处，后续迭代。