feat: 全新的Vue3管理后台(admin-spa)和路由重构

🎨 新增功能：
- 使用Vue3 + Vite构建的全新管理后台界面
- 支持Tab切换的API统计页面（统计查询/使用教程）
- 优雅的胶囊式Tab切换设计
- 同步了PR #106的会话窗口管理功能
- 完整的响应式设计和骨架屏加载状态

🔧 路由调整：
- 新版管理后台部署在 /admin-next/ 路径
- 将根路径 / 重定向到 /admin-next/api-stats
- 将 /web 页面路由重定向到新版，保留 /web/auth/* 认证路由
- 将 /apiStats 页面路由重定向到新版，保留API端点

🗑️ 清理工作：
- 删除旧版 web/admin/ 静态文件
- 删除旧版 web/apiStats/ 静态文件
- 清理相关的文件服务代码

🐛 修复问题：
- 修复重定向循环问题
- 修复环境变量配置
- 修复路由404错误
- 优化构建配置

🚀 生成方式：使用 Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

web/admin-spa/vite.config.js

@@ -0,0 +1,104 @@
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { fileURLToPath, URL } from 'node:url'
+
+export default defineConfig(({ mode }) => {
+  // 加载环境变量
+  const env = loadEnv(mode, process.cwd(), '')
+  const apiTarget = env.VITE_API_TARGET || 'http://localhost:3000'
+  const httpProxy = env.VITE_HTTP_PROXY || env.HTTP_PROXY || env.http_proxy
+  // 使用环境变量配置基础路径，如果未设置则使用默认值
+  const basePath = env.VITE_APP_BASE_URL || (mode === 'development' ? '/admin/' : '/admin-next/')
+  
+  // 创建代理配置
+  const proxyConfig = {
+    target: apiTarget,
+    changeOrigin: true,
+    secure: false
+  }
+  
+  // 如果设置了代理，动态导入并配置 agent（仅在开发模式下）
+  if (httpProxy && mode === 'development') {
+    console.log(`Using HTTP proxy: ${httpProxy}`)
+    // Vite 的 proxy 使用 http-proxy，它支持通过环境变量自动使用代理
+    // 设置环境变量让 http-proxy 使用代理
+    process.env.HTTP_PROXY = httpProxy
+    process.env.HTTPS_PROXY = httpProxy
+  }
+  
+  console.log(`${mode === 'development' ? 'Starting dev server' : 'Building'} with base path: ${basePath}`)
+  
+  return {
+  base: basePath,
+  plugins: [
+    vue(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+      imports: ['vue', 'vue-router', 'pinia']
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()]
+    })
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  server: {
+    port: 3001,
+    host: true,
+    open: true,
+    proxy: {
+      // 统一的 API 代理规则 - 开发环境所有 API 请求都加 /webapi 前缀
+      '/webapi': {
+        ...proxyConfig,
+        rewrite: (path) => path.replace(/^\/webapi/, ''), // 转发时去掉 /webapi 前缀
+        configure: (proxy, options) => {
+          proxy.on('proxyReq', (proxyReq, req, res) => {
+            console.log('Proxying:', req.method, req.url, '->', options.target + req.url.replace(/^\/webapi/, ''))
+          })
+          proxy.on('error', (err, req, res) => {
+            console.log('Proxy error:', err)
+          })
+        }
+      },
+      // API Stats 专用代理规则
+      '/apiStats': {
+        ...proxyConfig,
+        configure: (proxy, options) => {
+          proxy.on('proxyReq', (proxyReq, req, res) => {
+            console.log('API Stats Proxying:', req.method, req.url, '->', options.target + req.url)
+          })
+        }
+      }
+    }
+  },
+  build: {
+    outDir: 'dist',
+    assetsDir: 'assets',
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          // 将 vue 相关的库打包到一起
+          if (id.includes('node_modules')) {
+            if (id.includes('element-plus')) {
+              return 'element-plus'
+            }
+            if (id.includes('chart.js')) {
+              return 'chart'
+            }
+            if (id.includes('vue') || id.includes('pinia') || id.includes('vue-router')) {
+              return 'vue-vendor'
+            }
+            return 'vendor'
+          }
+        }
+      }
+    }
+  }
+  }
+})