react項目部署nginx服務器

一、打包好你的react本地項目，dist中具備打包好的文件

二、使用shell等工具登陸你的linux服務器

三、安裝nginx，網上教程一大堆

四、進入/usr/local/nginx/conf/nginx.conf

五、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;
}
複製代碼

六、將本地react項目中的dist裏的文件夾上傳至/home/root/react-demo中

七、進入/usr/local/nginx/sbin下，輸入命令./nginx -t（重啓nginx），若是未開啓的話能夠使用開啓命令/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

八、訪問你的ip+端口號8080，就能夠打開網站了

九、後續的更新代碼只須要將/home/root/react-demo中的舊代碼刪掉，再將打包好的代碼上傳到/home/root/react-demo中