Windows 系統安裝使用 Nginx

傳送門：Linux 系統安裝 Nginx

1. 安裝 Nginx 及基本使用

下載 Nginx 安裝包

官網下載地址
選擇 Windows 版本下載並解壓

啓動 Nginx

• 方式一：直接雙擊 nginx.exe，雙擊後一個黑色的彈窗一閃而過；
• 方拾二：打開 cmd 命令窗口，切換到 nginx 解壓目錄下，輸入命令

  start nginx

檢查 Nginx 是否啓動成功

• 方式一：在瀏覽器地址欄輸入 http://localhost:80，回車出現如下頁面說明啓動成功；

• 方式二：在cmd命令窗口輸入命令 tasklist /fi 「imagename eq nginx.exe」 ，出現以下結果說明啓動成功；

nginx 的配置文件是 conf 目錄下的 nginx.conf，默認配置的 nginx 監聽的端口爲 80。
若是 80 端口被佔用，可修改成未被佔用的端口便可。

檢查 80 端口是否被佔用的命令是：

netstat -ano | findstr 0.0.0.0:80 
# 或 
netstat -ano | findstr "80"

重啓 Nginx

當修改 nginx 配置文件 nginx.conf 時，不須要關閉 nginx 後從新啓動 nginx。
只需打開 cmd (Powershell 需以管理員身份運行)，切換至 nginx 路徑下執行如下命令。

nginx -s reload 

關閉 Nginx

若是使用 cmd 命令窗口啓動 nginx，關閉 cmd 窗口是不能結束 nginx 進程的。
可以使用兩種方法關閉 nginx：

• 方式一： nginx -s stop (快速中止 nginx) 或 nginx -s quit (完整有序的中止 nginx)

nginx -s stop

nginx -s quit

• 方式二： 使用 taskkill

taskkill /f /t /im nginx.exe

2. Vue 項目部署到 Nginx

• 將項目打包後的 dist 文件複製到 html 文件夾中
  
• 修改配置 nginx.conf 文件

修改 server，root 默認html，修改成：html/dist。Nginx 則會在dist中找到 index.html 打開

修改完成以後 nginx -s reload 重啓

在瀏覽器輸入：localhost:8090 檢驗是否成功;手機端訪問須要和電腦要處於同一局域網；