nginx 上部署 react 项目

1、打包npm run build 生成dist文件夹

2、 将dist中的文件拷贝到nginx服务器的html文件夹中

3、 修改 nginx.conf配置文件，配置端口号为9000

4 、用管理员权限打开cmd，启动ginx :start  nginx

ubuntu下部署情况

• 1、打包好你的react本地项目，dist中具有打包好的文件
• 2、将dist里的文件夹拷贝/home/root/下创建的react-demo文件中
• 3、进入/usr/local/nginx/conf/nginx.conf  打开文件vi nginx.conf

server {
        listen 9000;
        # 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;
}

• 4、重启nginx, 进入/usr/local/nginx/sbin下，输入命令./nginx -t（检验nginx配置格式），或者/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
• 5、访问你的ip+端口号9000，就可以打开网站了
• 6、更新代码时将/home/root/react-demo中的旧代码删掉，再将打包好的代码上传到/home/root/react-demo中