react如何部署linux

部署 React 应用到 Linux 服务器的步骤

构建生产环境代码

在本地开发环境中运行构建命令，生成优化后的静态文件：

npm run build

这会生成一个 build 目录，包含所有压缩和优化后的前端资源。

准备 Linux 服务器

确保服务器已安装 Node.js 和 Nginx（或其他 Web 服务器）。使用以下命令安装必要软件：

sudo apt update
sudo apt install nginx nodejs npm

传输文件到服务器

使用 scp 或 rsync 将构建文件上传到服务器：

scp -r build/ user@your-server-ip:/var/www/your-app

配置 Web 服务器

以 Nginx 为例，创建配置文件 /etc/nginx/sites-available/your-app：

server {
    listen 80;
    server_name your-domain.com;

    root /var/www/your-app;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

启用配置并重启 Nginx：

sudo ln -s /etc/nginx/sites-available/your-app /etc/nginx/sites-enabled
sudo systemctl restart nginx

使用 PM2 管理进程（可选）

对于需要 Node.js 后端的情况，安装 PM2 并启动应用：

npm install pm2 -g
pm2 start server.js
pm2 save
pm2 startup

配置防火墙

允许 HTTP/HTTPS 流量：

sudo ufw allow 'Nginx Full'
sudo ufw enable

设置 HTTPS（可选）

使用 Certbot 获取 SSL 证书：

sudo apt install certbot python3-certbot-nginx
sudo certbot --nginx -d your-domain.com

自动化部署（可选）

设置 CI/CD 流程，例如使用 GitHub Actions 或 Jenkins 自动构建和部署到服务器。