前端如何通過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 | 默認(rèn)站點(diǎn)目錄,存放了Nginx的錯誤頁面和歡迎頁面 |
| logs | 默認(rèn)存放訪問日志、錯誤日志和Nginx主進(jìn)程pid文件 |
| temp | 臨時目錄，用于存放Nginx運(yùn)行時產(chǎn)生的臨時文件 |
| nginx.exe | 可執(zhí)行程序，常用于Nginx服務(wù)的啟動、停止等管理工作 |
（2）配置文件修改
1）在conf目錄下找到nginx.conf文件，打開
2）找到server這個節(jié)點(diǎn)，視需要修改端口號或默認(rèn)主頁
3）檢查修改是否正確
nginx -t -xxxxxx/nginx.conf // xxxx為nginx.conf所在的絕對路徑
4）重啟
如果nginx沒有啟動，則執(zhí)行啟動操作，如果已經(jīng)啟動，執(zhí)行重啟命令
nginx -s reload // 重啟
（3）啟動
1）雙擊nginx.exe（不推薦）
因?yàn)橹苯与p擊nginx.exe，會導(dǎo)致修改配置后重啟、停止nginx無效，需要手動關(guān)閉任務(wù)管理器內(nèi)的所有nginx進(jìn)程。
2）cmd命令啟動（推薦）
① 運(yùn)行cmd打開終端
② 切換磁盤
輸入“D:”回車
③ 進(jìn)入上面解壓的文件夾
cd xxxxx // 目標(biāo)文件夾路徑
或者直接在解壓文件夾中右鍵 => 在終端中打開，直接進(jìn)入此路徑
④ 啟動——執(zhí)行命令后會有窗口一閃而過
start nginx
⑤ 檢查是否啟動成功
通過命令確認(rèn)：
tasklist /fi "imagename eq nginx.exe"
通過任務(wù)管理器確認(rèn)：
通過命令啟動nginx時，其進(jìn)程在詳細(xì)信息中展現(xiàn)，通過雙擊nginx.exe啟動的進(jìn)程才在進(jìn)程欄中展現(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 管理程序增強(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] 啟動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 進(jìn)程
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）快捷方式
因?yàn)槟_本文件時保存在nginx文件夾下，每次需要使用的時候都需要先進(jìn)入nginx文件夾，比較麻煩，所以直接創(chuàng)建快捷方式放在桌面。
① 右鍵腳本選擇“創(chuàng)建快捷方式”
② 將快捷方式剪切到桌面上。如果覺得這個快捷方式難看，就繼續(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é)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本地運(yùn)行一個項(xiàng)目,但是要訪問外域的api接口,存在跨域問題,下面這篇文章主要給大家介紹了關(guān)于如何使用Nginx解決跨域問題的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
校驗(yàn) Nginx 指定配置文件的語法是否正確,是保證 Nginx 服務(wù)穩(wěn)定運(yùn)行的關(guān)鍵一步,可以使用 Nginx 內(nèi)置的 -t 測試參數(shù),配合 -c 參數(shù)來指定配置文件,下面小編給大家詳細(xì)介紹一下,需要的朋友可以參考下2025-08-08
Nginx 是一個高性能的 HTTP 和反向代理服務(wù)器,也是一個 IMAP/POP3/SMTP 代理服務(wù)器,本文將詳細(xì)介紹如何在 Linux 上安裝、配置和管理 Nginx 服務(wù)器,感興趣的朋友一起看看吧2024-07-07
Nginx配置中使用Lua腳本的實(shí)現(xiàn)步驟
在阿里云API網(wǎng)關(guān)和字節(jié)跳動邊緣計算平臺中,Nginx+Lua的組合已成為處理復(fù)雜業(yè)務(wù)邏輯的標(biāo)準(zhǔn)解決方案,下面我們就來介紹一下Nginx配置中使用Lua腳本的實(shí)現(xiàn)步驟,感興趣都可以了解一下2025-09-09
在現(xiàn)代的Web開發(fā)中,跨域訪問是一種常見的需求,由于瀏覽器的同源策略,不同域名之間的訪問存在一定的限制,本文將介紹如何使用Nginx來解決跨域訪問的問題,并通過一個完整的實(shí)例來展示,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了Nginx中root與alias區(qū)別?,通過兩個小例子來學(xué)習(xí)root和alias的區(qū)別，對Nginx中root與alias區(qū)別感興趣的朋友跟隨小編一起看看吧2022-08-08
這篇文章主要介紹了詳解如何修改nginx的默認(rèn)端口，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要介紹了nginx配置引發(fā)的403問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06
Nginx服務(wù)器作反向代理實(shí)現(xiàn)內(nèi)部局域網(wǎng)的url轉(zhuǎn)發(fā)配置
這篇文章主要介紹了Nginx服務(wù)器作反向代理實(shí)現(xiàn)內(nèi)部局域網(wǎng)的url轉(zhuǎn)發(fā)實(shí)例,文中提到需要注意proxy_read_timeout參數(shù)的相關(guān)調(diào)整,需要的朋友可以參考下2016-01-01
django8.5?項(xiàng)目部署Nginx的操作步驟
nginx是一個開源的，支持高性能，高并發(fā)的www服務(wù)和代理服務(wù)軟件。它是一個俄羅斯人lgor sysoev開發(fā)的，作者將源代碼開源出來供全球使用，下面小編給大家?guī)砹薲jango8.5?項(xiàng)目部署Nginx的操作步驟，感興趣的朋友一起看看吧2022-01-01