原來安裝Nginx並部署vue前端項目是這麼簡單

vue項目打包好之後(打包及cli4的vue.config.js配置方法見：vue-cli4打包踩坑)我們就要部署了，作者採用的是阿里雲疫情期間白嫖的半年服務器，系統是centos，進入正題。

Centos安裝nginx並部署項目

1. 我使用的是Secure CRT和 WinSCP，前者和xshell差不多，後者是文件傳輸軟件，大家可自行百度安裝

2. 用SCP將打包好的dist文件放在服務器根目錄下
   

3. 用CRT連接服務器
   

在這裏插入圖片描述

4. 安裝nginx
   安裝命令yum install nginx，出現確認時按y
5. 安裝完成後，輸入 service nginx start 啓動nginx
6. nginx默認安裝在/etc/目錄下，我們用cd命令：cd /etc/nginx，進入到nginx根目錄下，在這裏有一個nginx.conf配置文件，想要部署項目，需要修改這裏相關的配置，我們用vim nginx.conf進入按i鍵，下邊會顯示insert字樣，代表此時可以進行編輯
7. 進入之後找到server塊，按照如下注釋修改

---

配置完畢後按Esc退出編輯，然後按:wq退出並保存，如果提示無法寫入，無權限，或者改文件只讀，請輸入:set noreadonly，然後再次:wq，成功會返回命令界面

8. 接着我們重啓nginx服務器，nginx -s reload，如果提示失敗，請輸入nginx -c /etc/nginx/nginx.conf，然後再次重啓，到此爲止，我們的項目就部署好了。

訪問我們的服務器

喜歡的朋友們點個讚唄，麼麼噠