fix all

vite.config.ts

@@ -3,11 +3,45 @@ import { defineConfig } from 'vite'
 import tailwindcss from '@tailwindcss/vite'
 import vue from '@vitejs/plugin-vue'
 
+
 export default defineConfig({
-  plugins: [vue(), tailwindcss()],
+  plugins: [vue(),tailwindcss()],
+  // 路径别名（和 tsconfig 保持一致）
   resolve: {
     alias: {
-      '@': path.resolve(__dirname, './src'),
-    },
+      '@': path.resolve(__dirname, 'src')
+    }
   },
-})
+  // 核心：build 输出配置
+  build: {
+    // 1. 打包输出根目录（默认 dist），可自定义
+    outDir: 'dist', 
+    // 2. 静态资源（js/css/img）输出子目录（默认 assets）
+    assetsDir: 'static', 
+    // 3. 生成的静态资源文件名是否包含哈希（用于缓存控制）
+    assetsInlineLimit: 4096, // 小于4kb的资源内联，不生成文件
+    rollupOptions: {
+      // 4. 自定义入口/出口（进阶，一般无需修改）
+      output: {
+        // 自定义 chunk 文件名（拆分公共代码）
+        chunkFileNames: 'static/js/[name]-[hash].js',
+        // 自定义入口文件名
+        entryFileNames: 'static/js/[name]-[hash].js',
+        // 自定义 css 文件名
+        assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
+        // 拆分第三方依赖（如 vue、axios 单独打包）
+        manualChunks(id) {
+          if (id.includes('node_modules')) {
+            return id.toString().split('node_modules/')[1].split('/')[0].toString();
+          }
+        }
+      }
+    },
+    // 5. 生产环境是否生成 sourcemap（默认 false，关闭可减小包体积）
+    sourcemap: false,
+    // 6. 清空输出目录（默认 true）
+    emptyOutDir: true
+  },
+  // 7. 部署的公共路径（关键！如部署到子路径 https://xxx.com/my-app/，需设为 '/my-app/'）
+  base: './' // 相对路径（推荐），或绝对路径 '/'
+})