1.要在伺服器（centos系統）上安裝nginx伺服器，部署好vue專案，讓外網訪問到，首先要有伺服器，我選擇的是阿里雲的centos7.5系統的版本，在確認訂單那有自定義密碼的，要記得登入名和登入密碼，在之後連線遠端伺服器要用到（root為登入名）
2.之後要在該伺服器上配置好規則，開放埠給外網訪問到，nginx伺服器預設監聽80埠，所以先開放80埠（配置位置在控制檯中的本例項安全組中的規則配置）

3.配置好開放埠後，再下載Xshell和Xftp，Xshell用來連線遠端伺服器並用命令列的方式控制伺服器，Xftp用來連線遠端伺服器並拉取資料到伺服器，可直接對伺服器上的資料進行操作。

4.用Xshell軟體在伺服器上安裝nginx伺服器

注意：
（1）ps -ef | grep nginx可以檢視Nginx程序是否存在
（用ps -ef列出程序列表，然後通過grep過濾）
（2）啟動、停止、過載、檢視狀態命令
systemctl start nginx.service
systemctl stop nginx.service
systemctl reload nginx.service
systemctl status nginx.service
（3）nginx -t檢視nginx的配置有沒有出錯
（4）netstat -antp | grep :80（檢視80埠被哪個服務佔用）

5.現在輸入ip地址就可以直接出現該頁面，未對nginx.conf進行配置時，nginx會預設監聽80埠，並顯示 /usr/share/nginx/html資料夾中的頁面
（注意：這裡html中的index.html頁面已經被改為centos這個介面了，且nginx.conf檔案是在/etc/nginx/nginx.conf中）

6.將已經打包好的dist資料夾，拉到伺服器中的data資料夾的 mymall資料夾中，然後修改nginx.conf
檔案中的配置，確定修改配置後可以訪問到我們拉取進去的dist資料夾中的index.html
(放在root會出錯，我也不知道為啥)

修改後的配置為：

記得修改配置後要重啟nginx伺服器：
nginx -s reload;

7.接著通過ip就可以訪問到我們部署的vue專案了

8.打包vuex專案的注意事項：
(1)在vue.config.js中新增publicPath:’./’
(2)若沒有在nginx中設定根目錄root(不是location中的那個)，則需要將mode:'history’去掉，因為history是相對於根目錄的，如果此時沒有設定根目錄的話，會預設將該域名下的根目錄作為根目錄，會導致檔案取不到