增加前后端图片传输时的缓存支持，优化前端页面

webapp/vite.config.ts

@@ -24,7 +24,27 @@ export default defineConfig(({ mode }) => {
       // 静态资源处理
       assetsDir: 'assets',
       // 生成 sourcemap 用于生产环境调试
-      sourcemap: mode === 'development'
+      sourcemap: mode === 'development',
+      // 静态资源内联阈值（小于此大小的资源会被内联为 base64）
+      assetsInlineLimit: 4096,
+      // chunk 分割策略
+      rollupOptions: {
+        output: {
+          // 静态资源文件名（包含内容哈希，利于长期缓存）
+          assetFileNames: 'assets/[name]-[hash][extname]',
+          // JS chunk 文件名
+          chunkFileNames: 'assets/[name]-[hash].js',
+          // 入口文件名
+          entryFileNames: 'assets/[name]-[hash].js',
+          // 手动分割代码
+          manualChunks: {
+            // 将 Vue 相关代码单独打包
+            'vue-vendor': ['vue', 'vue-router'],
+            // 将 UI 组件库单独打包（如果有的话）
+            // 'ui-vendor': ['其他UI库']
+          }
+        }
+      }
     },
     // 开发服务器配置
     server: {