项目打包

运行 pnpm run build 后，项目会先执行类型检查，再打包为静态文件并生成 dist 目录。

pnpm run build

项目部署

文件上传

将 dist 目录下的文件拷贝至服务器部署目录，例如 /website/dist。

Nginx 配置

⚠️ 提示

不建议在 nginx.conf 中直接配置，选择单独配置方便后期维护。

创建 /etc/nginx/conf.d/admin.conf，nginx.conf 默认会加载 /etc/nginx/conf.d/*.conf 文件。

server {
  listen 80;
  server_name localhost;
  location / {
    root /website/dist; # 对应上传的文件夹路径
    try_files $uri $uri/ /index.html;
    index index.html;
  }
  # 反向代理配置
  location /prod-api/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    # localhost:8000 替换成实际的后端 API 地址，请确保末尾的 '/'
    proxy_pass http://localhost:8000/;
  }
}

脚本部署

项目内置 deploy.mjs，改好脚本顶部的服务器信息后直接执行：

pnpm run deploy

脚本会自动执行构建并通过 scp 将 dist 目录上传到目标服务器。