利用nginx同一端口部署多個前端的辦法(親測有效版)
更新時間：2026年01月26日 09:23:58 作者：呼啦啦呼啦啦啦啦啦啦
在Nginx中配置同一個端口支持多個前端應(yīng)用,通?？梢酝ㄟ^不同的路徑（location）來映射不同的前端項目,這篇文章主要介紹了利用nginx同一端口部署多個前端的相關(guān)資料,需要的朋友可以參考下
本作用于提供只開放單端口情況下需要開放多個前端的情況
前言
許多時候由于各種策略或是出于安全等考慮，只開放單個端口，但是此時你需要上線兩個項目前端，就需要用到了nginx同一端口部署兩前端的方法。
一、必備條件
打包文件：
1.兩個前端的路由守衛(wèi)不互相沖突。
2.兩個前端打包的時候不能直接打包，需要在publicpath中加上對應(yīng)轉(zhuǎn)發(fā)路徑，如果不加上就會出現(xiàn)，請求的路徑匹配不上nginx轉(zhuǎn)發(fā)原則的情況。
nginx：
安全穩(wěn)定版本能跑起來的nginx（筆者吃過虧，遇到過本身就跑不起來的nginx）。
二、配置nginx的conf
這是關(guān)鍵的步驟
將nginx.conf改成：
server {
listen 80;
server_name example.com;
# 配置第一個應(yīng)用，路徑為 /app1/
location /app1/ {
alias /var/www/app1/;
try_files $uri $uri/ /app1/index.html;
}
# 配置第二個應(yīng)用，路徑為 /app2/
location /app2/ {
alias /var/www/app2/;
try_files $uri $uri/ /app2/index.html;
}
}
alias中配置的是兩個前端文件路徑，轉(zhuǎn)發(fā)的標(biāo)識根據(jù)你打包文件中publicpath的路徑而定制
注意事項
在 alias 后的路徑末尾需要添加斜杠 /，否則可能會導(dǎo)致文件路徑錯誤。
最后
到此這篇關(guān)于利用nginx同一端口部署多個前端的文章就介紹到這了,更多相關(guān)nginx同一端口部署多個前端內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
添加Nginx代理配置只允許內(nèi)部IP訪問的實現(xiàn)方法
在本篇文章里小編給大家整理的是一篇關(guān)于添加Nginx代理配置只允許內(nèi)部IP訪問的實現(xiàn)方法的文章，有需要的朋友們可以學(xué)習(xí)下。2019-10-10
Nginx+iptables屏蔽訪問Web頁面過于頻繁的IP(防DDOS，惡意訪問，采集器)
通過分析nginx的日志來過濾出訪問過于頻繁的IP地址，然后添加到nginx的blockip.conf，并重啟nginx.2010-11-11
本文主要介紹了openssl?生成nginx自簽名證書的實現(xiàn),主要包括openssl?req命令的使用方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-12-12
利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟
這篇文章主要介紹了利用nginx搭建靜態(tài)資源服務(wù)器的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了詳解如何修改nginx的默認(rèn)端口，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
Nginx設(shè)置響應(yīng)超時配置的實現(xiàn)
本文詳細(xì)介紹了如何查找和修改Nginx的配置文件,包括全局配置文件、站點配置文件、包含文件的查找,以及客戶端超時設(shè)置、代理超時設(shè)置、FastCGI超時設(shè)置的修改方法,最后還介紹了如何在Linux系統(tǒng)中重啟Nginx服務(wù),通過這些步驟,可以有效提高Nginx的性能和穩(wěn)定性2024-10-10
zabbix自定義監(jiān)控nginx狀態(tài)實現(xiàn)過程
這篇文章主要為大家介紹了zabbix如何自定義監(jiān)控nginx狀態(tài)的實現(xiàn)過程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步2021-10-10
Nginx流量鏡像技術(shù)可以在不影響原始請求的情況下復(fù)制請求數(shù)據(jù),用于數(shù)據(jù)分析、安全監(jiān)控等方面,本文就來介紹一下Nginx 流量鏡像使用的方法示例,感興趣的可以了解一下2024-10-10
限流是一種流量控制手段,用于限制單位時間內(nèi)可以通過系統(tǒng)的請求數(shù)或連接數(shù),本文主要介紹了Nginx流量控制/限流的具體實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2024-07-07
這篇文章主要介紹了Nginx如何安裝withSSL模塊,Nginx 配置文件,開啟ssl訪問時經(jīng)常報錯,原因是由于nginx缺少http_ssl_module模塊,編譯安裝的時候帶上 --with-http_ssl_module 配置就行了,感興趣的朋友跟隨小編一起看看吧2024-04-04