基于react的jsx写法

docker-compose.yml

@@ -3,13 +3,12 @@ version: '3.8'
 services:
   backend:
     build: ./backend
-    # 启动命令：明确指定 backend.api.route
+    # 启动命令：明确指定 backend.api.route，并开启热重载
     command: uvicorn backend.api.route:app --host 0.0.0.0 --port 8000 --reload
     ports:
       - "3001:8000"
     volumes:
-      # 关键点：挂载到 /app/backend
-      # 这样容器内就是 /app/backend/api/route.py
+      # 挂载后端源码，实现代码热更新
       - ./backend:/app/backend
       - ./data:/data
       - ./outputs:/outputs
@@ -34,7 +33,8 @@ services:
       # 注意：这里使用 localhost 是因为它们都映射到了宿主机
       # 在容器内部通信时，前端通过 Vite 代理转发到 http://backend:8000
       - VITE_BACKEND_URL=http://localhost:3001
-    command: npm run dev -- --host 0.0.0.0
+    # 修改 command：先安装依赖（确保vite存在），再启动开发服务器（保留热更新）
+    command: sh -c "npm install && npm run dev -- --host 0.0.0.0"
     depends_on:
       - backend
     restart: unless-stopped