diff --git a/frontend/index.html b/frontend/index.html
index 8449b96..e1203c4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>MCP Hub Dashboard</title>
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="./favicon.ico">
 </head>
+
 <body class="bg-gray-100">
   <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
+  <script type="module" src="./src/main.tsx"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/frontend/src/components/ui/SponsorDialog.tsx b/frontend/src/components/ui/SponsorDialog.tsx
index 9aaebd2..c36af4b 100644
--- a/frontend/src/components/ui/SponsorDialog.tsx
+++ b/frontend/src/components/ui/SponsorDialog.tsx
@@ -32,7 +32,7 @@ const SponsorDialog: React.FC<SponsorDialogProps> = ({ open, onOpenChange }) =>
           <div className="flex flex-col items-center justify-center py-4">
             {i18n.language === 'zh' ? (
               <img
-                src="/assets/reward.png"
+                src="./assets/reward.png"
                 alt={t('sponsor.rewardAlt')}
                 className="max-w-full h-auto"
                 style={{ maxHeight: '400px' }}
diff --git a/frontend/src/components/ui/WeChatDialog.tsx b/frontend/src/components/ui/WeChatDialog.tsx
index 5bcb2f0..3edcd2f 100644
--- a/frontend/src/components/ui/WeChatDialog.tsx
+++ b/frontend/src/components/ui/WeChatDialog.tsx
@@ -31,7 +31,7 @@ const WeChatDialog: React.FC<WeChatDialogProps> = ({ open, onOpenChange }) => {
 
           <div className="flex flex-col items-center justify-center py-4">
             <img
-              src="/assets/wexin.png"
+              src="./assets/wexin.png"
               alt={t('wechat.qrCodeAlt')}
               className="max-w-full h-auto"
               style={{ maxHeight: '400px' }}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 31ddd81..39bd1f7 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -10,6 +10,7 @@ const packageJson = JSON.parse(readFileSync(path.resolve(__dirname, '../package.
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: './', // Use relative paths for assets
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {
