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