部署指南

# 开发模式部署（本地部署）:
  simple-mind-map/         # 核心库
      ├── npm install      # 安装依赖
      └── npm link         # 创建全局链接
           ↓
  web/                     # Vue 应用
      ├── npm install      # 安装依赖
      ├── npm link simple-mind-map  # 链接核心库
      └── npm run serve    # 启动开发服务器 (端口 8080)
      
  特点:
  - ✅ 热重载 (代码修改自动刷新)
  - ✅ 开发调试模式
  - ❌ 不适合生产环境

---

# 🚀 服务器部署指南（精简版）

# 方案一：使用已打包版本（最简单）⭐

项目根目录已有打包好的文件，可直接部署：

## 1. 上传以下文件到服务器
  - index.html
  - dist/ (整个目录)

## 2. 使用任意 Web 服务器
  ### Nginx 示例
  server {
      listen 80;
      server_name your-domain.com;
      root /path/to/project;
      index index.html;

location / {
          try_files $uri $uri/ /index.html;
      }
  }

#  方案二：Docker 部署（推荐）🐳

项目已包含 Dockerfile 和 nginx.conf：

## 1. 构建镜像
  docker build -t mind-map .

## 2. 运行容器
  docker run -d -p 80:80 --name mind-map mind-map

## 3. 访问
  http://your-server-ip

自定义端口:
  docker run -d -p 3000:80 --name mind-map mind-map
  ## 访问: http://your-server-ip:3000

#  方案三：完整构建部署

如果需要重新构建：

## 1. 安装依赖
  cd simple-mind-map && npm install
  cd ../web && npm install

## 2. 构建生产版本
  cd web
  npm run build
  ### 输出到 ../dist 目录

## 3. 部署 dist 目录和 index.html

---
#  📝 快速部署检查清单

Docker 部署（5分钟）

1. ✓ 上传项目到服务器
  2. ✓ docker build -t mind-map .
  3. ✓ docker run -d -p 80:80 mind-map
  4. ✓ 访问 http://your-ip

Nginx 部署（3分钟）

1. ✓ 上传 index.html 和 dist/ 到服务器
  2. ✓ 配置 Nginx 指向项目目录
  3. ✓ nginx -s reload
  4. ✓ 访问 http://your-ip

---
  ⚙️ Nginx 配置示例

server {
      listen 80;
      server_name mind-map.example.com;

root /var/www/mind-map;
      index index.html;

location / {
          try_files $uri $uri/ /index.html;
      }

# 静态资源缓存
      location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
          expires 1y;
          add_header Cache-Control "public, immutable";
      }

# Gzip 压缩
      gzip on;
      gzip_types text/plain text/css application/json application/javascript;
  }

---
  # 🔧 常见问题

Q: 端口冲突怎么办？
  - Docker: 修改 -p 8080:80 改为其他端口
  - Nginx: 修改配置文件中的 listen 8080;

Q: 需要 HTTPS？
   使用 Let's Encrypt
  certbot --nginx -d your-domain.com

Q: 如何更新？
  Docker 方式
  docker stop mind-map
  docker rm mind-map
  docker build -t mind-map .
  docker run -d -p 80:80 --name mind-map mind-map

---
  💡 推荐部署方式

生产环境: Docker + Nginx (方案二)快速测试: 使用已打包版本 (方案一)开发环境: npm run serve (当前方式)