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 应用正常加载。