react如何部署到服务器
部署 React 应用到服务器的步骤
构建生产环境代码
运行以下命令生成优化后的生产环境代码,代码会被打包到 build 文件夹:
npm run build
配置服务器
确保服务器已安装 Node.js 或配置了静态文件服务(如 Nginx、Apache)。
上传构建文件
将 build 文件夹中的内容上传到服务器的目标目录,例如 /var/www/html。
使用 Nginx 配置静态文件服务
编辑 Nginx 配置文件(通常在 /etc/nginx/sites-available/default),添加以下内容:
server {
listen 80;
server_name your_domain.com;
root /var/www/html;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
重启 Nginx 使配置生效:
sudo systemctl restart nginx
使用 PM2 运行 Node.js 服务器(可选)
如果使用 serve 或其他 Node.js 服务器,可以全局安装 serve 并运行:
npm install -g serve
serve -s build -l 4000
使用 PM2 管理进程:
pm2 serve build 4000 --spa
pm2 save
pm2 startup
配置 HTTPS(可选)
使用 Let’s Encrypt 获取免费 SSL 证书:
sudo apt install certbot python3-certbot-nginx
sudo certbot --nginx -d your_domain.com
验证部署
访问服务器的 IP 或域名,确保 React 应用正常加载。







