nginx部署項目(一)


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 出現以下內容即可:

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM