雲服務器部署前端靜態資源文件

雙十一前夕，花費85元買了一年的百度雲服務器，終於有機會玩弄自己的服務器了。作爲一個前端，之前也沒搞過這玩意，特此記錄。

一.遠程登錄雲服務器

方法一：點擊VNC遠程登錄按鈕
方法二：使用MobaXterm遠程登錄（推薦使用這個）

二.利用Nginx搭建靜態資源服務器

安裝Nginx

yum install nginx

啓動nginx

service nginx start

查看是否啓動成功

service nginx status

三.上傳資源文件

以我本地的react項目工程爲例，打包編譯（Vue、Angular或單純的.html文件都可以）

npm run build

將打包好的資源文件上傳到home文件夾下（上傳方式：拖拽或者點擊上傳按鈕）

四.配置nginx代理

進入nginx配置文件目錄，找到nginx.conf文件

cd /etc/nginx/

打開配置文件

vim nginx.conf

配置代理

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  此處配置服務器IP;
        root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;
        # 靜態資源文件
        location / {
         # 靜態資源存放路徑
         root /home/;
         index index.html index.htm;
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

重啓nginx

nginx -s reload

五.打開瀏覽器，輸入服務器IP（大功告成）