fix: url prefix page redirect

web/src/views/dashboard/Dashboard.vue

@@ -8,6 +8,7 @@ import ApexCharts from 'apexcharts'
 
 const router = useRouter()
 const stats = ref<Stats>({ tasks: 0, today_execs: 0, envs: 0, logs: 0, scheduled: 0, running: 0 })
+const displayStats = ref<Stats>({ tasks: 0, today_execs: 0, envs: 0, logs: 0, scheduled: 0, running: 0 })
 const sendStats = ref<DailyStats[]>([])
 const taskStats = ref<TaskStatsItem[]>([])
 const chartsLoaded = ref(false)
@@ -31,6 +32,42 @@ const statItems = [
 
 const isDark = ref(document.documentElement.classList.contains('dark'))
 
+// 数字滚动动画
+function animateNumber(key: keyof Stats, target: number) {
+  const start = displayStats.value[key]
+  const duration = 800 // 动画持续时间
+  const startTime = performance.now()
+  
+  function update(currentTime: number) {
+    const elapsed = currentTime - startTime
+    const progress = Math.min(elapsed / duration, 1)
+    
+    // 使用 easeOutCubic 缓动函数
+    const easeProgress = 1 - Math.pow(1 - progress, 3)
+    
+    displayStats.value[key] = Math.round(start + (target - start) * easeProgress)
+    
+    if (progress < 1) {
+      requestAnimationFrame(update)
+    } else {
+      displayStats.value[key] = target
+    }
+  }
+  
+  requestAnimationFrame(update)
+}
+
+// 更新统计数据并触发动画
+function updateStats(newStats: Stats) {
+  Object.keys(newStats).forEach((key) => {
+    const statKey = key as keyof Stats
+    if (newStats[statKey] !== stats.value[statKey]) {
+      animateNumber(statKey, newStats[statKey])
+    }
+  })
+  stats.value = newStats
+}
+
 function getTextColor() {
   return isDark.value ? '#94a3b8' : '#64748b'
 }
@@ -364,7 +401,7 @@ onMounted(async () => {
       api.dashboard.sendStats(chartDays.value),
       api.dashboard.taskStats(chartDays.value)
     ])
-    stats.value = statsData
+    updateStats(statsData)
     sendStats.value = sendStatsData
     taskStats.value = taskStatsData
     
@@ -416,7 +453,7 @@ onUnmounted(() => {
           <component :is="item.icon" class="h-4 w-4 text-muted-foreground" />
         </CardHeader>
         <CardContent>
-          <div class="text-xl sm:text-2xl font-bold">{{ stats[item.key as keyof Stats] }}</div>
+          <div class="text-xl sm:text-2xl font-bold">{{ displayStats[item.key as keyof Stats] }}</div>
         </CardContent>
       </Card>
     </div>

web/vite.config.ts

@@ -19,6 +19,18 @@ export default defineConfig({
       }
     }
   },
-  // 支持通过环境变量设置 base URL（开发时测试用）
-  base: process.env.VITE_BASE_URL || '/'
+  build: {
+    // 使用相对路径，这样可以部署在任何路径下
+    // 资源引用会使用 ./assets/ 而不是 /assets/
+    rollupOptions: {
+      output: {
+        // 确保资源使用相对路径
+        assetFileNames: 'assets/[name]-[hash][extname]',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        entryFileNames: 'assets/[name]-[hash].js'
+      }
+    }
+  },
+  // 使用相对路径作为 base，这样资源会相对于 HTML 文件加载
+  base: './'
 })