当前位置：首页 > React

react如何部署到云服务器上

2026-01-26 07:59:46React

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

准备工作
确保本地React项目已通过npm run build生成生产环境代码（位于build或dist目录）。准备一台云服务器（如AWS EC2、阿里云ECS等），确保已安装Node.js、Nginx或Apache等必要环境。

上传项目文件
使用SFTP或SCP工具（如FileZilla、WinSCP）将build目录内容上传至云服务器的目标路径（如/var/www/your-app）。确保服务器用户对该目录有读写权限。

react如何部署到云服务器上

配置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：

react如何部署到云服务器上

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

配置HTTPS（可选）
使用Certbot获取免费SSL证书：

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

使用PM2管理Node.js服务（若为SSR应用）
若项目基于Next.js等SSR框架，全局安装PM2后启动服务：

npm install pm2 -g
pm2 start npm --name "your-app" -- run start
pm2 save
pm2 startup

验证部署
访问服务器IP或域名，检查应用是否正常加载。通过浏览器开发者工具查看网络请求是否返回200状态码。

标签: 器上 react

分享给朋友：