react项目部署nginx服务器

1、打包好你的react本地项目，dist中具有打包好的文件

2、使用shell等工具登录你的linux服务器

3、安装nginx，网上教程一大堆

4、进入/usr/local/nginx/conf/nginx.conf

5、vi nginx.conf

server {
        listen 8080;
        # server_name your.domain.com;
 
        root /home/root/react-demo;
        index index.html index.htm;
 
        location / {
                try_files $uri $uri/ /index.html;
        }
        location ^~ /assets/ {
                gzip_static on;
                expires max;
                add_header Cache-Control public;
        }
        error_page 500 502 503 504 /500.html;
        client_max_body_size 20M;
        keepalive_timeout 10;
}

6、将本地react项目中的dist里的文件夹上传至/home/root/react-demo中

7、进入/usr/local/nginx/sbin下，输入命令./nginx -t（重启nginx），如果未开启的话可以使用开启命令/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

8、访问你的ip+端口号8080，就可以打开网站了

9、后续的更新代码只需要将/home/root/react-demo中的旧代码删掉，再将打包好的代码上传到/home/root/react-demo中