vue 項目部署 到 nginx服務器

　最近項目需要部署到服務器上，叫我操作，於是乎 我決定在本地先測試測試。

　　1、首先 安裝nginx，因為本人用的是mac 所以先安裝brew 更方便 

　　　　ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"　　

　　　　但是 命令跑了很久 結果失敗了 貌似是pull的時候失敗 顯示超時（我也不太記得什么錯誤，反正意思就是拉取不到github.com上的資源）

　　　　於是 ping github.com 找到對應的ip號  然后 sudo vim /etc/hosts/ 添加 數據 ====>  ip號 github.com   這樣大約過了20分鍾 就安裝成功了。

　　2、安裝nginx     brew install nginx　這個命令沒什么問題

　　　　brew install 的時候 卡在updating Homebrew.....   是因為你用的源的問題 可以網上去搜索切換源，在這里還有一種方法就是你可以關閉brew的自動更新 

vim ~/.bash_profile

# 新增一行
export HOMEBREW_NO_AUTO_UPDATE=true

 

　　3、這個時候就可以 運行nginx sudo nginx

　　4、訪問 localhost:8080 就可以看到 nginx 頁面了。

　現在 就可以部署vue項目了

　

　　1、mac 下安裝的nginx 配置文件一般是在/usr/loacl/etc/nginx/nginx.conf 里面

　　2、因為本地測試 你需要獲取你當前vue項目build出來的dist文件的絕對路徑 （將dist文件直接拉到終端就可以）。

　　　　獲取后填入root。vue項目如有用的是browserHistory（mode:history）刷新會出現404 所以你需要配置  try_files $uri $uri/ /index.html; 

　　　　  

      3、配置成功后重啟 sudo nginx -s reload 結果出現 403 百度后知道 是權限問題 需要在頭部修改user root 成為  user root owner

　　　　

　　4、 重啟 nginx 頁面就能訪問了

 

　　nginx 幾個用到的命令：

　　　查看當前進程 　　ps -ef | grep nginx

　　　殺死進程 　　sudo kill -quit 進程號

　　　啟動　 sudo nginx

　　　重啟    sudo nginx -s reload

　　　關閉 　sudo nginx -s quit