如何将本地React项目更新至已部署的VPS服务器？

步骤1：登录VPS并进入项目目录 #

通过Putty连接你的VPS，切换到项目所在目录：

cd ~/react-application

（如果项目不在当前用户根目录，替换为实际的绝对路径）

步骤2：拉取GitHub主分支最新代码 #

执行git拉取命令，同步远程仓库的最新变更：

git pull origin main

（若你的默认分支是master，将main替换为master即可）

步骤3：重新构建React应用 #

React应用代码更新后需要重新打包，执行构建命令：

npm run build

如果使用yarn包管理器，替换为：

yarn build

步骤4：重启pm2服务 #

重启pm2管理的应用进程，让新构建的代码生效：

pm2 restart <你的pm2应用名称>

如果不清楚应用名称，先执行pm2 list查看；若仅管理单个React应用，也可以直接重启所有pm2进程：

pm2 reload all

可选：验证并重启nginx（若涉及路由/资源路径变更） #

若本次代码调整了路由规则或静态资源路径，检查nginx配置文件（通常在/etc/nginx/sites-available/或/etc/nginx/conf.d/目录），确认root指向react-application/build目录，然后执行：

sudo nginx -t
sudo systemctl restart nginx

（先验证配置合法性，再重启nginx服务）

验证更新 #

完成上述步骤后，在浏览器访问你的VPS IP地址，即可查看更新后的应用。

内容的提问来源于stack exchange，提问作者Muhammad Mujtaba