nginx實現(xiàn)動靜分離的案例詳解
一. 環(huán)境準(zhǔn)備
1.服務(wù)器配置
| 服務(wù)器 | 功能 | 說明 |
| 192.168.241.5 | nginx 服務(wù)器 | 安裝最新1.24版本 |
| 192.168.241.5 | 靜態(tài)資源服務(wù)器 | |
| 192.168.51.5 | 動態(tài)資源tomcat服務(wù)器1 | |
| 192.168.126.5 | 動態(tài)資源tomcat服務(wù)器2 |
2.靜態(tài)資源配置
如果我們想配置靜態(tài)資源，可以按如下步驟進(jìn)行實現(xiàn)：
我們首先要登錄192.168.241.5服務(wù)器上，然后執(zhí)行cd /home/ 命令，切換到home目錄。
接著執(zhí)行 mkdir /home/static/hmtl 命令，創(chuàng)建一個靜態(tài)資源頁面目錄，我們就在該目錄中上傳一個sr.html頁面到 /home/static/hmtl中。
接著再執(zhí)行mkdir /home/static/image命令，創(chuàng)建一個靜態(tài)資源圖片目錄，然后上傳一張圖片11.jpg 到/home/static/image中。
具體使用什么圖片和hmtl文件，大家可以。效果如下圖，
3.動態(tài)資源配置
如果我們想進(jìn)行動態(tài)資源配置，可以按如下步驟進(jìn)行配置：
提前創(chuàng)建一個空白的web工程，并打好war包，比如dr.war；
然后登錄到192.168.51.5服務(wù)器上；
接著把dr.war上傳到 tomcat安裝路徑/webapps下；
接著啟動tomcat服務(wù)器；
最后執(zhí)行測試，此時訪問http://192.168.51.5:8080/index.jsp即可。
我們也可以在另一臺服務(wù)器進(jìn)行同樣的操作，比如192.168.126.5。
二. 動靜分離
1.基本概念
所謂的動靜分離，指的是把前端的靜態(tài)資源和動態(tài)資源分開，分別放入不同的服務(wù)器，然后通過一些配置分開訪問的一種手段，這種方案可以有效地提高訪問效率。
2. 配置實現(xiàn)
接下來就給大家展示一下nginx的配置實現(xiàn)過程。
2.1 配置文件路徑
/usr/local/nginx/config/nginx.conf
第二步：編寫工廠類QfBeanFactory.java
2.2 靜態(tài)圖片資源
#配置靜態(tài)圖片資源
location /image/ {
root /home/static/;
index index.html index.htm;
}2.3 配置靜態(tài)資源的html頁面
#配置靜態(tài)html資源
location /html/ {
root /home/static/;
index index.html index.htm;
}2.4 動態(tài)資源，設(shè)置反向代理
#配置動態(tài)jsp頁面資源
location /jsp/ {
proxy_pass http://dstomcat/;
}
# tomcat兩臺負(fù)載
upstream dstomcat{
server 192.168.51.5:8080;
server 192.168.51.126:8080;
}2.5 啟動nginx
#切到目錄：/usr/local/nginx/sbin下 #啟動nginx ./nginx #刷新配置文件 ./nginx -s reload
三. 測試結(jié)果
安裝以上步驟，我們就把動靜分離給配置完了，接下來我們來看看測試結(jié)果吧。
1.測試圖片
我們先來看看訪問圖片的效果，如下圖所示：
2.測試靜態(tài)資源
再來看看對html頁面的訪問測試結(jié)果：
3.測試動態(tài)資源
最后是對動態(tài)資源jsp頁面的訪問結(jié)果，如下圖所示：
以上就是動靜分離的實現(xiàn)過程，現(xiàn)在你學(xué)會了嗎？
到此這篇關(guān)于nginx實現(xiàn)動靜分離的案例詳解的文章就介紹到這了,更多相關(guān)nginx動靜分離內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Nginx?部署及配置詳細(xì)步驟(附詳細(xì)代碼)
Nginx是一個web服務(wù)器也可以用來做負(fù)載均衡及反向代理使用,目前使用最多的就是負(fù)載均衡,這篇文章主要介紹了Nginx部署及配置的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-11-11
防止盜鏈不僅能保護(hù)版權(quán),又節(jié)約了不少流量,下面這篇文章主要給大家介紹了關(guān)于Nginx優(yōu)化、安全與防盜鏈的相關(guān)資料,文中通過圖文以及實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
這篇文章主要介紹了詳解nginx websocket配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
web部署到nginx以后js,css等靜態(tài)文件加載不正常的解決過程
在Ubuntu中配置Web頁面時,JS和CSS文件雖可獲取但加載失敗,可能因路徑錯誤、服務(wù)器配置不當(dāng)、權(quán)限限制或緩存問題導(dǎo)致頁面布局異常,需檢查文件路徑、服務(wù)器設(shè)置、MIME類型及瀏覽器控制臺錯誤信息以排查原因2025-09-09
Nginx代理MySQL實現(xiàn)通過域名連接數(shù)據(jù)庫的詳細(xì)教程
我們的生產(chǎn)環(huán)境基本上都部署在云服務(wù)器上,例如應(yīng)用服務(wù)器、MySQL服務(wù)器等,如果MySQL服務(wù)器直接暴露在公網(wǎng),就會存在很大的風(fēng)險,為了保證數(shù)據(jù)安全,MySQL服務(wù)器的端口是不對外開放的,所以本文介紹了Nginx代理MySQL實現(xiàn)通過域名連接數(shù)據(jù)庫的詳細(xì)教程2024-07-07
Nginx支持SSL/TLS協(xié)議,用于加密HTTPS通信,本文主要介紹了Nginx SSL/TLS配置的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2025-02-02
nginx設(shè)置目錄白名單、ip白名單的實現(xiàn)方法
今天小編就為大家分享一篇nginx設(shè)置目錄白名單、ip白名單的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-08-08
內(nèi)網(wǎng)環(huán)境nginx配置https訪問的過程詳解
這篇文章主要介紹了內(nèi)網(wǎng)環(huán)境nginx配置https訪問,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
本文主要介紹了ginx出現(xiàn)504 Gateway Timeout錯誤的原因,通常是因為程序執(zhí)行時間過長導(dǎo)致響應(yīng)超時,下面就來介紹一下解決方法,具有一定的參考價值,感興趣的可以了解一下2025-02-02
配置nginx代理過程中,如果出現(xiàn)錯誤,需要看日志,可以把nginx日志配置出來,以便快速定位日志問題,下面就來介紹一下nginx配置錯誤日志的實現(xiàn)步驟,感興趣的可以了解一下2025-08-08