通过Nginx发布React

0、写在前面

最近项目需要用到nginx发布react，记录一下

1、react

npm run-script build 生成build文件夹

2、nginx

复制build文件夹到nignx的html文件夹中

    server {
        listen       80;
        listen    [::]:80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html/build;
            #index  index.html index.htm;
        try_files $uri /index.html;
        }


        location ^~ /api/ws/ {
            proxy_pass http://61.6.192.148:8001/ws/;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "Upgrade";
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

        location /api/ {
            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_pass http://61.6.192.148:8001/;
        }
    
        location = /50x.html {
            root   html;
        }

    }

日常维护：

1、git上传

//查看状态
git status
//添加该项目下的所有文件
git add .
//使用如下命令将文件添加到本地仓库中去
git commit -m "添加了些新的测试模块"
//推送到远程库
git push -u origin master