前端如何通過nginx訪問本地端口
一、nginx安裝
1、下載
（1）下載地址
（2）系統(tǒng)選擇
1）中“1”為Linux資源，
2）“2”為window資源
（3）版本選擇
1）Mainline version 主流版
2）Stable version 穩(wěn)定版
3）Legacy versions 歷史版本
2、安裝部署
（1）解壓
1）將下載的壓縮包解壓到指定文件夾
2）文件說明
| 文件夾 | 說明 |
| conf | nginx所有的配置文件的目錄 |
| contrib | 存放開源愛好者共享的代碼 |
| docs | 存放文檔資料 |
| html | 默認站點目錄,存放了Nginx的錯誤頁面和歡迎頁面 |
| logs | 默認存放訪問日志、錯誤日志和Nginx主進程pid文件 |
| temp | 臨時目錄，用于存放Nginx運行時產(chǎn)生的臨時文件 |
| nginx.exe | 可執(zhí)行程序，常用于Nginx服務(wù)的啟動、停止等管理工作 |
（2）配置文件修改
1）在conf目錄下找到nginx.conf文件，打開
2）找到server這個節(jié)點，視需要修改端口號或默認主頁
3）檢查修改是否正確
nginx -t -xxxxxx/nginx.conf // xxxx為nginx.conf所在的絕對路徑
4）重啟
如果nginx沒有啟動，則執(zhí)行啟動操作，如果已經(jīng)啟動，執(zhí)行重啟命令
nginx -s reload // 重啟
（3）啟動
1）雙擊nginx.exe（不推薦）
因為直接雙擊nginx.exe，會導(dǎo)致修改配置后重啟、停止nginx無效，需要手動關(guān)閉任務(wù)管理器內(nèi)的所有nginx進程。
2）cmd命令啟動（推薦）
① 運行cmd打開終端
② 切換磁盤
輸入“D:”回車
③ 進入上面解壓的文件夾
cd xxxxx // 目標(biāo)文件夾路徑
或者直接在解壓文件夾中右鍵 => 在終端中打開，直接進入此路徑
④ 啟動——執(zhí)行命令后會有窗口一閃而過
start nginx
⑤ 檢查是否啟動成功
通過命令確認：
tasklist /fi "imagename eq nginx.exe"
通過任務(wù)管理器確認：
通過命令啟動nginx時，其進程在詳細信息中展現(xiàn)，通過雙擊nginx.exe啟動的進程才在進程欄中展現(xiàn)。
⑥ 訪問端口
打開瀏覽器，訪問http://localhost:80或127.0.0.1:80，頁面出現(xiàn)以下內(nèi)容
（4）nginx腳本創(chuàng)建
上面已經(jīng)闡述了為什么要使用cmd命令來管理nginx，但如果需要經(jīng)常使用的話就比較麻煩了，所以就需要一個腳本來提升我們的管理效率。
1）創(chuàng)建txt文檔；
2）腳本代碼
@echo off
rem 提供Windows下nginx的啟動，重啟，關(guān)閉功能
echo ==================begin========================
cls
::ngxin 所在的盤符
set NGINX_PATH=E:
::nginx 所在目錄
set NGINX_DIR=E:\develop\nginx-1.10.1\
color 0a
TITLE Nginx 管理程序增強版
CLS
echo.
echo. ** Nginx 管理程序 ***
echo. *** create 2017-09-22 ***
echo.
:MENU
echo. ***** nginx 進程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] 啟動Nginx
echo. [2] 關(guān)閉Nginx
echo. [3] 重啟Nginx
echo. [4] 刷新控制臺
echo. [5] 重新加載Nginx配置文件
echo. [6] 檢查測試nginx配置文件
echo. [7] 查看nginx version
echo. [0] 退 出
echo.
echo.請輸入選擇的序號:
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
::*************************************************************************************************************
::啟動
:start
call :startNginx
GOTO MENU
::停止
:stop
call :shutdownNginx
GOTO MENU
::重啟
:restart
call :shutdownNginx
call :startNginx
GOTO MENU
::檢查測試配置文件
: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 進程
goto :eof
:startNginx
echo.
echo.啟動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.檢查測試 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同級
4）雙擊執(zhí)行
① 1處為雙擊后打開窗口的顯示內(nèi)容
② 2處為需要執(zhí)行的命令的序號，如需要啟動，就輸入1然后回車
5）快捷方式
因為腳本文件時保存在nginx文件夾下，每次需要使用的時候都需要先進入nginx文件夾，比較麻煩，所以直接創(chuàng)建快捷方式放在桌面。
① 右鍵腳本選擇“創(chuàng)建快捷方式”
② 將快捷方式剪切到桌面上。如果覺得這個快捷方式難看，就繼續(xù)往下看
③ 右鍵快捷方式選擇屬性
④ 點擊更改圖標(biāo)，可以使用系統(tǒng)內(nèi)置的圖標(biāo)，也可以使用自定義圖標(biāo)
⑤ 自定義圖標(biāo)
圖標(biāo)格式要求為.icon、.dll、.icl格式，準(zhǔn)備好圖標(biāo)之后選擇應(yīng)用即可，可以先用jpg等格式的圖片進行轉(zhuǎn)換
二、使用
其他命令
// 結(jié)束進程 nginx -s stop // 快速結(jié)束 nginx -s quit // 完整有序的結(jié)束 // 重新加載 nginx -s reload
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用Nginx反向代理到go-fastdfs的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Nginx 實現(xiàn)灰度發(fā)布的三種方法總結(jié)
這篇文章主要介紹了Nginx 實現(xiàn)灰度發(fā)布的三種方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-05-05
Nginx簡介_動力節(jié)點Java學(xué)院整理
Nginx是一個跨平臺的Web服務(wù)器，可運行在Linux、FreeBSD、Solaris、AIX、Mac OS、Windows等操作系統(tǒng)上，并且它還可以使用當(dāng)前操作系統(tǒng)特有的一些高效API來提高自己的性能2017-08-08
這篇文章主要介紹了Linux安裝Nginx步驟,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
通過瀏覽器查看nginx服務(wù)器狀態(tài)配置方法
這篇文章主要介紹了通過瀏覽器查看nginx服務(wù)器狀態(tài)配置方法,本文講解開啟nginx-status的配置方法,并對服務(wù)器的參數(shù)做了詳細講解,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了Linux下nginx編譯安裝教程和編譯參數(shù)詳解,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了CentOS6.6 安裝 Tengine 筆記,本文講解了安裝必要的編譯環(huán)境好、安裝需要的組件、安裝Tengine等步驟,需要的朋友可以參考下2015-03-03
Nginx開啟Gzip壓縮功能,可以使網(wǎng)站的css、js 、xml、html文件在傳輸時進行壓縮,提高訪問速度,進而優(yōu)化Nginx性能,下面這篇文章主要給大家介紹了關(guān)于nginx開啟gzip壓縮的相關(guān)資料,需要的朋友可以參考下2022-01-01
nginx?proxy_pass轉(zhuǎn)發(fā)規(guī)則解讀
這篇文章主要介紹了nginx?proxy_pass轉(zhuǎn)發(fā)規(guī)則,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
詳解nginx?中l(wèi)ocation和?proxy_pass的匹配規(guī)則
location是Nginx中用來匹配客戶端請求URI的指令,決定如何處理特定路徑的請求,它定義了請求的路由規(guī)則,后續(xù)的配置（如?proxy_pass）會應(yīng)用在匹配的請求上,這篇文章主要介紹了nginxlocation和proxy_pass的匹配規(guī)則,需要的朋友可以參考下2025-04-04