nginx部署前端react项目

以下是使用 Nginx 部署前端 React 项目的步骤：
 
一、准备工作
 
1. 确保你已经有一个构建好的 React 项目。通常，在项目目录下运行类似  npm run build  命令来生成生产环境的构建产物。

2. 将构建完成的build文件夹中的内容复制到Nginx的网站目录中，例如/usr/share/nginx/html。

sudo cp -a ./build/* /usr/share/nginx/html/
 
二、安装 Nginx
 
1. 根据你的操作系统，安装 Nginx。例如，在 Ubuntu 上可以使用以下命令安装：
plaintext格式：
sudo apt update
sudo apt install nginx
 
 
三、配置 Nginx
 
1. 找到 Nginx 的配置文件。通常在  /etc/nginx/nginx.conf  或  /etc/nginx/sites-available/default 。
2. 打开配置文件并进行以下配置：
 
nginx配置：
server {
    listen 80;
    server_name your_domain_or_ip;

    location / {
        root /path/to/your/react/build/directory;
        index index.html;
        try_files $uri /index.html;
    }
}
 
 
将  /path/to/your/react/build/directory  替换为你的 React 项目构建产物的实际路径。
 
四、重启 Nginx
 
1. 保存配置文件后，重启 Nginx 使配置生效。在 Ubuntu 上可以使用以下命令：
plaintext格式：
sudo service nginx restart
 
 
可以通过指定的域名或 IP 地址访问部署在 Nginx 上的 React 项目了。