fix: 修复刷新页面之后用户名和头像显示错误的问题

src/layout/navBars/breadcrumb/user.vue

@@ -80,6 +80,7 @@ import { Local } from '/@/utils/storage';
 import UserNews from '/@/layout/navBars/breadcrumb/userNews.vue';
 import Search from '/@/layout/navBars/breadcrumb/search.vue';
 import api from '/@/api/system';
+
 export default defineComponent({
   name: 'layoutBreadcrumbUser',
   components: { UserNews, Search },
@@ -96,9 +97,9 @@ export default defineComponent({
       popoverVisible: false
     });
     // 获取用户信息 vuex
-    const getUserInfos = computed(() => {
-      return <any>store.state.userInfos.userInfos;
-    });
+    
+    const getUserInfos = ref(Local.get('userInfo') || {}) 
+
     // 获取布局配置信息
     const getThemeConfig = computed(() => {
       return store.state.themeConfig.themeConfig;

src/views/login/component/account.vue

@@ -55,7 +55,7 @@ import { useI18n } from 'vue-i18n';
 import { initFrontEndControlRoutes } from '/@/router/frontEnd';
 import { initBackEndControlRoutes } from '/@/router/backEnd';
 import { useStore } from '/@/store/index';
-import { Session } from '/@/utils/storage';
+import { Session, Local } from '/@/utils/storage';
 import { formatAxis } from '/@/utils/formatTime';
 import api from '/@/api/system';
 
@@ -117,6 +117,7 @@ export default defineComponent({
 								userInfos.avatar = proxy.getUpFileUrl(userInfos.avatar);
 								// 存储 token 到浏览器缓存
 								localStorage.setItem('token', res.token);
+								Local.set('userInfo', userInfos);
 								// 存储用户信息到浏览器缓存
 								Session.set('userInfo', userInfos);
 								await store.dispatch('userInfos/setUserInfos', userInfos);