傳送門: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 檢驗是否成功;
手機端訪問需要和電腦要處于同一局域網;
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/291437.html
標籤:其他
