前端如何通過(guò)nginx訪問本地端口
一、nginx安裝
1、下載
(1)下載地址

(2)系統(tǒng)選擇
1)中“1”為L(zhǎng)inux資源,
2)“2”為window資源
(3)版本選擇
1)Mainline version 主流版
2)Stable version 穩(wěn)定版
3)Legacy versions 歷史版本
2、安裝部署
(1)解壓
1)將下載的壓縮包解壓到指定文件夾

2)文件說(shuō)明
| 文件夾 | 說(shuō)明 |
| conf | nginx所有的配置文件的目錄 |
| contrib | 存放開源愛好者共享的代碼 |
| docs | 存放文檔資料 |
| html | 默認(rèn)站點(diǎn)目錄,存放了Nginx的錯(cuò)誤頁(yè)面和歡迎頁(yè)面 |
| logs | 默認(rèn)存放訪問日志、錯(cuò)誤日志和Nginx主進(jìn)程pid文件 |
| temp | 臨時(shí)目錄,用于存放Nginx運(yùn)行時(shí)產(chǎn)生的臨時(shí)文件 |
| nginx.exe | 可執(zhí)行程序,常用于Nginx服務(wù)的啟動(dòng)、停止等管理工作 |
(2)配置文件修改
1)在conf目錄下找到nginx.conf文件,打開
2)找到server這個(gè)節(jié)點(diǎn),視需要修改端口號(hào)或默認(rèn)主頁(yè)

3)檢查修改是否正確
nginx -t -xxxxxx/nginx.conf // xxxx為nginx.conf所在的絕對(duì)路徑
4)重啟
如果nginx沒有啟動(dòng),則執(zhí)行啟動(dòng)操作,如果已經(jīng)啟動(dòng),執(zhí)行重啟命令
nginx -s reload // 重啟
(3)啟動(dòng)
1)雙擊nginx.exe(不推薦)
因?yàn)橹苯与p擊nginx.exe,會(huì)導(dǎo)致修改配置后重啟、停止nginx無(wú)效,需要手動(dòng)關(guān)閉任務(wù)管理器內(nèi)的所有nginx進(jìn)程。
2)cmd命令啟動(dòng)(推薦)
① 運(yùn)行cmd打開終端

② 切換磁盤

輸入“D:”回車
③ 進(jìn)入上面解壓的文件夾

cd xxxxx // 目標(biāo)文件夾路徑
或者直接在解壓文件夾中右鍵 => 在終端中打開,直接進(jìn)入此路徑
④ 啟動(dòng)——執(zhí)行命令后會(huì)有窗口一閃而過(guò)

start nginx
⑤ 檢查是否啟動(dòng)成功
通過(guò)命令確認(rèn):

tasklist /fi "imagename eq nginx.exe"
通過(guò)任務(wù)管理器確認(rèn):

通過(guò)命令啟動(dòng)nginx時(shí),其進(jìn)程在詳細(xì)信息中展現(xiàn),通過(guò)雙擊nginx.exe啟動(dòng)的進(jìn)程才在進(jìn)程欄中展現(xiàn)。
⑥ 訪問端口
打開瀏覽器,訪問http://localhost:80或127.0.0.1:80,頁(yè)面出現(xiàn)以下內(nèi)容

(4)nginx腳本創(chuàng)建
上面已經(jīng)闡述了為什么要使用cmd命令來(lái)管理nginx,但如果需要經(jīng)常使用的話就比較麻煩了,所以就需要一個(gè)腳本來(lái)提升我們的管理效率。
1)創(chuàng)建txt文檔;
2)腳本代碼
@echo off
rem 提供Windows下nginx的啟動(dòng),重啟,關(guān)閉功能
echo ==================begin========================
cls
::ngxin 所在的盤符
set NGINX_PATH=E:
::nginx 所在目錄
set NGINX_DIR=E:\develop\nginx-1.10.1\
color 0a
TITLE Nginx 管理程序增強(qiáng)版
CLS
echo.
echo. ** Nginx 管理程序 ***
echo. *** create 2017-09-22 ***
echo.
:MENU
echo. ***** nginx 進(jìn)程list ******
::tasklist|findstr /i "nginx.exe"
tasklist /fi "imagename eq nginx.exe"
echo.
if ERRORLEVEL 1 (
echo nginx.exe不存在
) else (
echo nginx.exe存在
)
echo.
::*************************************************************************************************************
echo.
echo. [1] 啟動(dòng)Nginx
echo. [2] 關(guān)閉Nginx
echo. [3] 重啟Nginx
echo. [4] 刷新控制臺(tái)
echo. [5] 重新加載Nginx配置文件
echo. [6] 檢查測(cè)試nginx配置文件
echo. [7] 查看nginx version
echo. [0] 退 出
echo.
echo.請(qǐng)輸入選擇的序號(hào):
set /p ID=
IF "%id%"=="1" GOTO start
IF "%id%"=="2" GOTO stop
IF "%id%"=="3" GOTO restart
IF "%id%"=="4" GOTO MENU
IF "%id%"=="5" GOTO reloadConf
IF "%id%"=="6" GOTO checkConf
IF "%id%"=="7" GOTO showVersion
IF "%id%"=="0" EXIT
PAUSE
::*************************************************************************************************************
::啟動(dòng)
:start
call :startNginx
GOTO MENU
::停止
:stop
call :shutdownNginx
GOTO MENU
::重啟
:restart
call :shutdownNginx
call :startNginx
GOTO MENU
::檢查測(cè)試配置文件
:checkConf
call :checkConfNginx
GOTO MENU
::重新加載Nginx配置文件
:reloadConf
call :checkConfNginx
call :reloadConfNginx
GOTO MENU
::顯示nginx版本
:showVersion
call :showVersionNginx
GOTO MENU
::*************************************************************************************
::底層
::*************************************************************************************
:shutdownNginx
echo.
echo.關(guān)閉Nginx......
taskkill /F /IM nginx.exe > nul
echo.OK,關(guān)閉所有nginx 進(jìn)程
goto :eof
:startNginx
echo.
echo.啟動(dòng)Nginx......
IF NOT EXIST "%NGINX_DIR%nginx.exe" (
echo "%NGINX_DIR%nginx.exe"不存在
goto :eof
)
%NGINX_PATH%
cd "%NGINX_DIR%"
IF EXIST "%NGINX_DIR%nginx.exe" (
echo "start '' nginx.exe"
start "" nginx.exe
)
echo.OK
goto :eof
:checkConfNginx
echo.
echo.檢查測(cè)試 nginx 配置文件......
IF NOT EXIST "%NGINX_DIR%nginx.exe" (
echo "%NGINX_DIR%nginx.exe"不存在
goto :eof
)
%NGINX_PATH%
cd "%NGINX_DIR%"
nginx -t -c conf/nginx.conf
goto :eof
::重新加載 nginx 配置文件
:reloadConfNginx
echo.
echo.重新加載 nginx 配置文件......
IF NOT EXIST "%NGINX_DIR%nginx.exe" (
echo "%NGINX_DIR%nginx.exe"不存在
goto :eof
)
%NGINX_PATH%
cd "%NGINX_DIR%"
nginx -s reload
goto :eof
::顯示nginx版本
:showVersionNginx
echo.
%NGINX_PATH%
cd "%NGINX_DIR%"
nginx -V
goto :eof3)另存

注意
① 文件名保存為.bat類型
② 編碼格式建議選擇ANSI,防止中文亂碼
③ 另存地址與nginx.exe同級(jí)

4)雙擊執(zhí)行

① 1處為雙擊后打開窗口的顯示內(nèi)容
② 2處為需要執(zhí)行的命令的序號(hào),如需要啟動(dòng),就輸入1然后回車
5)快捷方式
因?yàn)槟_本文件時(shí)保存在nginx文件夾下,每次需要使用的時(shí)候都需要先進(jìn)入nginx文件夾,比較麻煩,所以直接創(chuàng)建快捷方式放在桌面。
① 右鍵腳本選擇“創(chuàng)建快捷方式”

② 將快捷方式剪切到桌面上。如果覺得這個(gè)快捷方式難看,就繼續(xù)往下看

③ 右鍵快捷方式選擇屬性

④ 點(diǎn)擊更改圖標(biāo),可以使用系統(tǒng)內(nèi)置的圖標(biāo),也可以使用自定義圖標(biāo)

⑤ 自定義圖標(biāo)
圖標(biāo)格式要求為.icon、.dll、.icl格式,準(zhǔn)備好圖標(biāo)之后選擇應(yīng)用即可,可以先用jpg等格式的圖片進(jìn)行轉(zhuǎn)換

二、使用
其他命令
// 結(jié)束進(jìn)程 nginx -s stop // 快速結(jié)束 nginx -s quit // 完整有序的結(jié)束 // 重新加載 nginx -s reload
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Nginx 實(shí)現(xiàn)灰度發(fā)布的三種方法總結(jié)
這篇文章主要介紹了Nginx 實(shí)現(xiàn)灰度發(fā)布的三種方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-05-05
Nginx簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
Nginx是一個(gè)跨平臺(tái)的Web服務(wù)器,可運(yùn)行在Linux、FreeBSD、Solaris、AIX、Mac OS、Windows等操作系統(tǒng)上,并且它還可以使用當(dāng)前操作系統(tǒng)特有的一些高效API來(lái)提高自己的性能2017-08-08
通過(guò)瀏覽器查看nginx服務(wù)器狀態(tài)配置方法
這篇文章主要介紹了通過(guò)瀏覽器查看nginx服務(wù)器狀態(tài)配置方法,本文講解開啟nginx-status的配置方法,并對(duì)服務(wù)器的參數(shù)做了詳細(xì)講解,需要的朋友可以參考下2015-04-04
nginx?proxy_pass轉(zhuǎn)發(fā)規(guī)則解讀
這篇文章主要介紹了nginx?proxy_pass轉(zhuǎn)發(fā)規(guī)則,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
詳解nginx?中l(wèi)ocation和?proxy_pass的匹配規(guī)則
location是Nginx中用來(lái)匹配客戶端請(qǐng)求URI的指令,決定如何處理特定路徑的請(qǐng)求,它定義了請(qǐng)求的路由規(guī)則,后續(xù)的配置(如?proxy_pass)會(huì)應(yīng)用在匹配的請(qǐng)求上,這篇文章主要介紹了nginxlocation和proxy_pass的匹配規(guī)則,需要的朋友可以參考下2025-04-04

