1、下載並解壓nginx
nginx下載網站:http://nginx.org/en/download.html 。本文以 nginx/Windows-1.12.2為例。
下載 nginx/Windows-1.12.2 壓縮包后通過解壓獲得以下文件:
ps:注意,存放nginx的文件夾名字必須為英文,否則會報錯
2、啟動nginx
(1)直接點擊解壓文件中的 nginx.exe 文件,屏幕一閃即可
(2)通過cmd命令窗口進入nginx解壓目錄,輸入命令 nginx.exe 或者 start nginx ,回車即可。
3、檢查nginx是否啟動
直接在瀏覽器地址欄輸入網址 http://localhost:80,回車,出現以下頁面說明啟動成功:
如果出現以下界面,那么說明當前端口號被占用,需要重新設置一個:
設置端口號的文件為 nginx-1.12.2 -----> conf ----->nginx.conf ,找到 sever ----> listen 80 將其修改為沒有占用的端口號后重新點擊 nginx.exe 文件即可
判斷當前端口號是否被占用的指令為(在cmd命令窗口中輸入): netstat -ano | findstr 0.0.0.0:80 或 netstat -ano | findstr "80",此處建議使用第一個。
ps:后續關於跨域問題的解決、數據地址路徑等配置都是在 nginx.conf ---> server 中實現的。
ps1:當我們修改了nginx的配置文件nginx.conf 時,不需要關閉nginx后重新啟動nginx,需要先通過cmd命令窗口進入nginx解壓目錄,然后執行指令 nginx -s reload 即可讓改動生效。
4.部署項目
ps:本文目前只是簡單的記錄一下初學nginx時的一些步驟,所以怎么簡單怎么來(以vue為例)。
(1)創建vue項目,准備好內容后進行打包操作。
(2)將打包后獲取到的 dist 文件夾中的所有文件復制粘貼到 nginx-1.12.2 ---> html 文件夾中,如圖:
刷新一下界面,內容會從 welcome to nginx 變為你項目中的內容,如果沒有,重新啟動一下nginx。
ps:后續配置 nginx.conf 是nginx部署項目的重點(我感覺),
5.關閉nginx
(1)先通過cmd命令窗口進入nginx解壓目錄,然后輸入nginx 指令:nginx -s stop(快速停止nginx) 或 nginx -s quit(完整有序的停止nginx)。
(2)只需要打開cmd命令窗口,輸入指令 taskkill /f /t /im nginx.exe 出現以下內容即可: