From 7aad2cf4af98c9e816e7c58fd1475b7216339783 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Thu, 14 Nov 2024 16:18:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=A2=E6=88=B7=E7=AB=AF=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98=E5=AF=BC=E8=87=B4=E7=95=8C=E9=9D=A2=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=20Logo=20=E4=B8=8D=E8=83=BD=E6=AD=A3=E5=B8=B8=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=20(#7048)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs #7020
---
 frontend/src/hooks/use-logo.ts                           | 2 +-
 .../src/layout/components/Sidebar/components/Logo.vue    | 9 +++++++--
 frontend/src/utils/xpack.ts                              | 4 ++--
 frontend/src/views/setting/about/index.vue               | 6 +++++-
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/frontend/src/hooks/use-logo.ts b/frontend/src/hooks/use-logo.ts
index 575280375..7b8ef7099 100644
--- a/frontend/src/hooks/use-logo.ts
+++ b/frontend/src/hooks/use-logo.ts
@@ -15,6 +15,6 @@ export const useLogo = async () => {
     const link = (document.querySelector("link[rel*='icon']") || document.createElement('link')) as HTMLLinkElement;
     link.type = 'image/x-icon';
     link.rel = 'shortcut icon';
-    link.href = globalStore.themeConfig.favicon ? '/api/v1/images/favicon' : '/public/favicon.png';
+    link.href = globalStore.themeConfig.favicon ? `/api/v1/images/favicon?t=${Date.now()}` : '/public/favicon.png';
     document.getElementsByTagName('head')[0].appendChild(link);
 };
diff --git a/frontend/src/layout/components/Sidebar/components/Logo.vue b/frontend/src/layout/components/Sidebar/components/Logo.vue
index 19246a01c..792628477 100644
--- a/frontend/src/layout/components/Sidebar/components/Logo.vue
+++ b/frontend/src/layout/components/Sidebar/components/Logo.vue
@@ -1,13 +1,18 @@
 <template>
     <div class="logo" style="cursor: pointer" @click="goHome">
         <template v-if="isCollapse">
-            <img v-if="globalStore.themeConfig.logo" :src="'/api/v1/images/logo'" style="cursor: pointer" alt="logo" />
+            <img
+                v-if="globalStore.themeConfig.logo"
+                :src="`/api/v1/images/logo?t=${Date.now()}`"
+                style="cursor: pointer"
+                alt="logo"
+            />
             <MenuLogo v-else />
         </template>
         <template v-else>
             <img
                 v-if="globalStore.themeConfig.logoWithText"
-                :src="'/api/v1/images/logoWithText'"
+                :src="`/api/v1/images/logoWithText?t=${Date.now()}`"
                 style="cursor: pointer"
                 alt="logo"
             />
diff --git a/frontend/src/utils/xpack.ts b/frontend/src/utils/xpack.ts
index aef395f1d..9814d7c06 100644
--- a/frontend/src/utils/xpack.ts
+++ b/frontend/src/utils/xpack.ts
@@ -32,9 +32,9 @@ export function initFavicon() {
           </svg>
         `;
         goldLink = `data:image/svg+xml,${encodeURIComponent(svg)}`;
-        link.href = favicon ? '/api/v1/images/favicon' : goldLink;
+        link.href = favicon ? `/api/v1/images/favicon?t=${Date.now()}` : goldLink;
     } else {
-        link.href = favicon ? '/api/v1/images/favicon' : '/public/favicon.png';
+        link.href = favicon ? `/api/v1/images/favicon?t=${Date.now()}` : '/public/favicon.png';
     }
     document.head.appendChild(link);
 }
diff --git a/frontend/src/views/setting/about/index.vue b/frontend/src/views/setting/about/index.vue
index 723f21b14..bca358a73 100644
--- a/frontend/src/views/setting/about/index.vue
+++ b/frontend/src/views/setting/about/index.vue
@@ -4,7 +4,11 @@
             <template #main>
                 <div style="text-align: center; margin-top: 20px">
                     <div style="justify-self: center" class="logo">
-                        <img v-if="globalStore.themeConfig.logo" style="width: 80px" :src="'/api/v1/images/logo'" />
+                        <img
+                            v-if="globalStore.themeConfig.logo"
+                            style="width: 80px"
+                            :src="`/api/v1/images/logo?t=${Date.now()}`"
+                        />
                         <PrimaryLogo v-else />
                     </div>
                     <h3 class="description">{{ globalStore.themeConfig.title || $t('setting.description') }}</h3>