今天要用到伺服器nginx，還需要把自己的vue的專案部署到伺服器上去所以就寫一下記錄下來。

下載下來會是一個解壓包，解壓到你想放的資料夾下

執行nginx.exe，然後開啟瀏覽器輸入localhost出來如下圖片所示就說明成功了：

然後如果沒有成功出來的話也不要慌不要怕，可能是你的埠被別的內容所佔了這時你就開啟你的nginx的目錄下找到conf

點選進去然後找到一個nginx.conf的檔案

然後把它用編輯器的方式開啟，開啟之後找到這裡的sever的listen就是你的埠號，預設的是80埠，你可以根據自己沒有被佔用的埠進行改寫，改寫完成之後儲存然後開啟你的localhost:你改寫的埠號就OK了

        server {
            listen       8088;
            server_name  localhost;

            #charset koi8-r;

            #access_log  logs/host.access.log  main;

            location / {
                root   html;
                index  index.html index.htm;
        }

上面是安裝配置nginx伺服器的方法，下面就是如何把自己的vue專案部署到你所安裝配置的nginx伺服器上的步驟了：

首先找到自己的vue的專案然後輸入命令 npm run build 他會在你的vue目錄下生成一個dist資料夾裡面就是你的vue的專案

然後開啟這個dist資料夾把裡面的內容複製下來裡面會有兩個檔案一個是index.html是主目錄還有一個是static資料夾

把他們複製下來然後開啟你的nginx的目錄下的html檔案裡面會有兩個預設檔案直接刪掉不要留，然後把你剛剛複製的檔案貼上進去

然後開啟瀏覽器輸入最開始改的埠號localhost:你所改的埠號回車；你就會看到自己的vue的專案跑起來了我的開啟就是這樣的咯：

這樣就大功告成了~~~~~