為什么前端開發(fā)使用到了Nginx？
舉個應(yīng)用場景栗子：
可以部署到測試環(huán)境的公司不用看啦哈，這里針對的是沒有測試環(huán)境的寶寶。
做Vue全家桶項目，當(dāng)需要測試人員去測試新功能的時候，其實webpack-dev-server里面已經(jīng)可以有配置來實現(xiàn)局域網(wǎng)內(nèi)訪問本地項目，但是有個問題：開發(fā)環(huán)境配置項是配置了熱更新的，此時只要代碼有改動，瀏覽器就會刷新，所以就會直接影響到測試人員看你本地的項目。所以此時可以通過運行test，或者build命令來將項目打包出來。但是打包出來的項目需要本地起服務(wù)，此時就用到了Nginx。
安裝Nginx
1，打開終端
2，安裝Command Line tools
xcode-select --install
3，安裝brew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4，安裝Nginx
brew install nginx
5，啟動Nginx
sudo nginx
默認(rèn)端口是8080，訪問http://localhost:8080/ 就能看到nginx在本計算機搭建的服務(wù)器。
1559296336304.jpg
此時在你打包好的文件夾根目錄下面輸入pwd輸出項目目錄。復(fù)制。然后去編輯nginx.conf文件
輸入：
vim /usr/local/etc/nginx/nginx.conf
找到代碼進(jìn)行配置即可：
server{
listen 8080;
server_name localhost;
location / {
root '項目根目錄';
index index.html index.htm;
}
}
esc 退出，:wq保存
6，重新啟動Nginx
輸入：
sudo nginx -s reload
就可以了。
常用命令：
sudo nginx //啟動Nginx
sudo nginx -s reload //重啟Nginx
sudo nginx -s stop //快速停止Nginx
