麒麟操作系统部署react项目，用nginx代理，详细图文教程

麒麟操作系统部署React项目的步骤通常包括设置环境、安装依赖、配置Nginx作为代理服务器。以下是详细的图文教程：

1. **安装必要的软件**:
- 更新包列表并安装基本工具：打开终端(`Ctrl + Alt + T`)，运行 `sudo apt update && sudo apt install git nodejs npm nginx`

2. **创建React应用**:
- 使用`create-react-app`命令创建项目：`npx create-react-app my-project`
- 进入项目目录：`cd my-project`

3. **启动React服务**:
- 在项目目录下启动开发服务器：`npm start`

4. **配置Nginx**:
- 创建一个Nginx的站点配置文件：`sudo nano /etc/nginx/sites-available/react-site`
- 添加以下内容：

     server {
         listen 80;
         server_name yourdomain.com;  # 换成你的域名
         
         location / {
             proxy_pass http://localhost:3000;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
             proxy_set_header Connection 'upgrade';
         }

         error_page 500 502 503 504 /50x.html;
         location = /50x.html {
             root /usr/share/nginx/html;
         }
     }

- 保存并启用站点：`sudo ln -s sites-available/react-site sites-enabled/`
- 重启Nginx服务：`sudo service nginx restart`

5. **部署React生产环境**:
- 当你准备好生产环境，停止React开发服务器：`npm run build`
- 将构建后的静态文件（通常是`build`目录）复制到Nginx的网站根目录：`sudo cp -r build /var/www/html`

6. **测试访问**:
- 访问`yourdomain.com`，应该能看到React应用。