如何在windows下使用Nginx配置前端專案

2022-07-22 13:21:12 字數 2287 閱讀 1771

最近要接手乙個新的專案,拿到檔案後開啟專案的一瞬間,我的腦殼是暈的,那個目錄結構。。。嗯,跟我寫過的和見過的太不一樣了,檔名都是拼音首字母縮寫,反正我是猜不出來。。。 而且專案還需要用nginx啟動,我都沒用過這個東西。。。

太難了,我真是太難了 後來在上乙個負責人的遠端指導+自己上網找方法+自己領悟+。。。反正各方面的作用下,終於給開啟了

第一次使用nginx開啟前端專案,比較雞凍,寫篇文章紀念下,哦。。。是記錄下

開啟官網 點選download

或者直接開啟en/download.html也行

stable version是穩定版,選擇stable version下面的window版本

2.啟動ngnix專案

不要直接雙擊nginx.exe,不要問為什麼,我也不知道,從網上看到別人說的,當然我也沒試過。。。

在該資料夾(nginx-1.16.1)下執行 start nginx, 即可啟動nginx

開啟127.0.0.1,即可看到

注意:執行 start nginx後頁面有時候會閃一下,這個是正常的,如果不確定是否成功啟動,可以在任務管理器中檢視有沒有nginx.exe

如果有的話,則代表啟動成功,就像下面的這樣 

3.檢視專案是否啟動成功

如果沒有,那執行下面的這個命令看看 tasklist /fi "imagename eq nginx.exe"

執行後有截圖中的內容也說明啟動成功了

如果執行後是這個亞子

那就說明沒有專案啟動,看看是不是關掉了還是報錯了

4.重新載入配置

如果中間需要更新了conf/nginx.conf檔案,需要重新整理頁面,那就先執行一下重新載入配置檔案命令 .\nginx -s reload  再重新整理頁面就好了

5.停止nginx服務

會啟動服務,會重新載入了,那怎麼停止服務呢,只要執行  .\nginx -s quit  就可以了。

以上是我在網上搜到並修改後可以正常使用的方法,下面說一下我在專案中遇到的問題。

前端使用nginx開啟頁面其實用nginx進行了乙個目錄**,所以位址路徑什麼的一定要配置好,我是接手的專案,裡面有配置好的nginx.conf檔案,至於具體咋配置,不好意思,我是真的不會。。。自己琢磨琢磨哈

把專案裡面的檔案放進 開啟nginx-1.16.1/conf/ 把nginx-1.16.1/conf/中的nginx.conf,替換為專案中的nginx.conf 開啟nginx-1.16.1/conf/nginx.conf,看看裡面root 對應的位址找不找得到,如果找不到,那就動動小手改一下啦

執行 start nginx

如果已經啟動過了,那就執行.\nginx -s reload

開啟對應鏈結,就能看到頁面了,

開啟鏈結的時候注意埠號,

像我這個專案的是8080,對應的 開啟http://localhost:8080就能看到熟悉的 welcome to nginx! 了,然後拼上正確的頁面路徑就可以了

具體頁面就要看你們的頁面路徑是啥了,如果沒出來,那就去nginx-1.16.1/logs/error.log看報錯資訊,對應的修改一下就好了

總結一下使用到的命令

啟動: start nginx

重新載入配置檔案: .\nginx -s reload

退出: .\nginx -s quit

檢查是否有執行中的nginx: tasklist /fi "imagename eq nginx.exe"

好了,就這麼多

如何在Windows下編譯 cdrtools

cdrtools 編譯方法 配置環境 安裝 cygwin 安裝 smake 獲得 smake 解壓 smake tar jxvf smake 1.2a49.tar.bz2 編譯 smake make 將 smake.exe 拷貝到 c cygwin bin 下 編譯 cdrtools 獲得 cdrt...

如何在windows下安裝GIT

在windows explorer integration選項中將 git bash here 和 git gui here 打對勾。在 adjusting your path environment 選項中,預設即可。在 configuring the line ending conversion...

如何在windows下安裝GIT

如何在windows下安裝git 分步閱讀 工具 原料 win7 msysgit 方法 步驟 1步驟閱讀 2步驟閱讀 3在windows explorer integration選項中將 git bash here 和 git gui here 打對勾。步驟閱讀 4在 adjusting your ...