如何将React build文件夹上传至远程Ubuntu服务器?
高效部署React Build文件夹到Ubuntu服务器的方法
使用SCP命令直接传输
Windows端打开PowerShell或Git Bash,执行命令就能把本地build文件夹整目录传到服务器:scp -r /本地/build文件夹绝对路径 服务器用户名@服务器IP:/服务器目标路径举个例子:本地build文件夹在
C:\my-react-project\build,服务器用户是ubuntu,IP为192.168.3.10,目标路径是/opt/web-app/,命令就是:scp -r C:\my-react-project\build ubuntu@192.168.3.10:/opt/web-app/输入服务器密码后,系统会自动传输整个文件夹及所有子文件,无需逐个处理。
用PyCharm自带的远程部署功能
不用手动复制粘贴,直接配置PyCharm的远程同步:- 打开
File > Settings > Build, Execution, Deployment > Deployment - 点击
+添加SFTP连接,填入服务器IP、用户名、密码(或密钥) - 绑定本地build文件夹路径和服务器上的目标路径
- 右键点击本地build文件夹,选择
Deployment > Upload to [你的服务器连接名],即可一键同步整个文件夹,后续更新还能增量同步。
- 打开
使用SFTP图形化工具
比如WinSCP、FileZilla这类工具,配置好服务器的SFTP信息(IP、用户名、密码)后,直接把本地build文件夹拖到服务器的目标目录里,可视化操作简单直接。通过Git仓库同步
- 本地将build文件夹的内容推送到私有Git仓库(比如GitHub私有库、GitLab)
- 在Ubuntu服务器上把仓库克隆到目标路径,后续更新时,本地重新build后推送到仓库,服务器执行以下命令拉取最新内容:
git pull origin main
内容的提问来源于stack exchange,提问作者xi chen
相关产品推荐
相关产品推荐

