5、手动 scp / rsync 部署

手动 scp / rsync 部署，指的是：开发者或运维人员在本地把前端 build 产物生成出来，然后通过命令行把 dist 目录上传到服务器指定目录，由 Nginx、Apache 或其他静态服务对外提供访问。

对于 Vue 前端项目来说，典型流程就是：

npm run build scp 或 rsync 上传 dist 服务器 Nginx 指向 dist 目录 访问域名验证页面

它是一种比较直接、传统、容易理解的部署方式。

1. scp 和 rsync 是什么

scp

scp 是基于 SSH 的文件复制命令。

它可以把本地文件复制到远程服务器，也可以把远程文件复制到本地。

例如：

scp ./dist/index.html user@server:/var/www/vue-app/

复制整个目录：

scp -r ./dist/* user@server:/var/www/vue-app/

特点：

简单 几乎所有 Linux/macOS 环境都自带 适合小项目、小文件量部署 每次基本都是全量复制

rsync<