perf(src/components): 优化个人头像展示和web站点icon显示

@@ -29,9 +29,10 @@ import { GoSystemInfo } from '@/components/GoSystemInfo/index'
 import { icon } from '@/plugins'
 import { icon } from '@/plugins'
 import { useUserStore } from '@/store/external/modules/user'
 import { useUserStore } from '@/store/external/modules/user'
 import { useSyncRemote } from '@/views/chart/hooks/external/useRemote.hook'
 import { useSyncRemote } from '@/views/chart/hooks/external/useRemote.hook'
-import { getPlatformInfo } from '@/api/external/common'
 import Person from './person.png'
 import Person from './person.png'
-import DefaultWebsiteIcon from '../../../../public/favicon.ico'
+import { useSetWebsiteIcon } from '@/hooks/external/useSetWebsiteIcon.hook'
+
+const { getPlatform } = useSetWebsiteIcon()
 
 
 const { PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5
 const { PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5
 
 
@@ -85,18 +86,6 @@ onMounted(() => {
   }
   }
 })
 })
 
 
-const getPlatform = async () => {
-  const rest = await getPlatformInfo()
-  replaceWebsiteIcon(rest?.icon)
-}
-
-const replaceWebsiteIcon = (icon: string) => {
-  const linkEl = document.querySelectorAll('link[rel*="icon"]')
-  linkEl.forEach(item => {
-    item.setAttribute('href', icon || DefaultWebsiteIcon)
-  })
-}
-
 const options = ref([
 const options = ref([
   {
   {
     label: '我的信息',
     label: '我的信息',

+import DefaultWebsiteIcon from '../../../public/favicon.ico'
+import { getPlatformInfo } from '@/api/external/common'
+
+export const useSetWebsiteIcon = () => {
+  const getPlatform = async () => {
+    //防止接口报错阻塞页面
+    try {
+      const rest = await getPlatformInfo()
+      replaceWebsiteIcon(rest?.icon || DefaultWebsiteIcon)
+    } finally {
+      console.log()
+    }
+  }
+
+  const replaceWebsiteIcon = (icon: string) => {
+    const linkEl = document.querySelectorAll('link[rel*="icon"]')
+    linkEl.forEach(item => {
+      item.setAttribute('href', icon)
+    })
+  }
+  return {
+    getPlatform
+  }
+}

@@ -16,11 +16,18 @@ import 'vue3-sketch-ruler/lib/style.css'
 
 
 // THINGS_KIT 内容安全协议hook
 // THINGS_KIT 内容安全协议hook
 import { useWebSecurityPolicy } from './hooks/external/useWebSecurityPolicy'
 import { useWebSecurityPolicy } from './hooks/external/useWebSecurityPolicy'
+// THINGS_KIT web站点icon设置hook
+import { useSetWebsiteIcon } from '@/hooks/external/useSetWebsiteIcon.hook'
+
 
 
 async function appInit() {
 async function appInit() {
   // THINGS_KIT 内容安全协议hook
   // THINGS_KIT 内容安全协议hook
   useWebSecurityPolicy()
   useWebSecurityPolicy()
 
 
+  // THINGS_KIT web站点icon设置hook
+  const { getPlatform } = useSetWebsiteIcon()
+  getPlatform()
+
   const goAppProvider = createApp(GoAppProvider)
   const goAppProvider = createApp(GoAppProvider)
 
 
   const app = createApp(App)
   const app = createApp(App)