一. 環(huán)境準(zhǔn)備

1.服務(wù)器配置

2.靜態(tài)資源配置

如果我們想配置靜態(tài)資源，可以按如下步驟進(jìn)行實(shí)現(xiàn)：

• 我們首先要登錄192.168.241.5服務(wù)器上，然后執(zhí)行cd  /home/ 命令，切換到home目錄。

• 接著執(zhí)行 mkdir /home/static/hmtl  命令，創(chuàng)建一個(gè)靜態(tài)資源頁(yè)面目錄，我們就在該目錄中上傳一個(gè)sr.html頁(yè)面到 /home/static/hmtl中。

• 接著再執(zhí)行mkdir /home/static/image命令，創(chuàng)建一個(gè)靜態(tài)資源圖片目錄，然后上傳一張圖片11.jpg 到/home/static/image中。

具體使用什么圖片和hmtl文件，大家可以。效果如下圖，

3.動(dòng)態(tài)資源配置

如果我們想進(jìn)行動(dòng)態(tài)資源配置，可以按如下步驟進(jìn)行配置：

• 提前創(chuàng)建一個(gè)空白的web工程，并打好war包，比如dr.war；

• 然后登錄到192.168.51.5服務(wù)器上；

• 接著把dr.war上傳到  tomcat安裝路徑/webapps下；

• 接著啟動(dòng)tomcat服務(wù)器；

• 最后執(zhí)行測(cè)試，此時(shí)訪問(wèn)http://192.168.51.5:8080/index.jsp即可。

我們也可以在另一臺(tái)服務(wù)器進(jìn)行同樣的操作，比如192.168.126.5。

二. 動(dòng)靜分離

1.基本概念

所謂的動(dòng)靜分離，指的是把前端的靜態(tài)資源和動(dòng)態(tài)資源分開(kāi)，分別放入不同的服務(wù)器，然后通過(guò)一些配置分開(kāi)訪問(wèn)的一種手段，這種方案可以有效地提高訪問(wèn)效率。

2. 配置實(shí)現(xiàn)

接下來(lái)就給大家展示一下nginx的配置實(shí)現(xiàn)過(guò)程。

2.1 配置文件路徑

/usr/local/nginx/config/nginx.conf

第二步：編寫(xiě)工廠類(lèi)QfBeanFactory.java

2.2  靜態(tài)圖片資源

#配置靜態(tài)圖片資源
location /image/ {
    root   /home/static/;
    index  index.html index.htm;
}

2.3 配置靜態(tài)資源的html頁(yè)面

#配置靜態(tài)html資源
location /html/ {
    root   /home/static/;
    index  index.html index.htm;
}

2.4 動(dòng)態(tài)資源，設(shè)置反向代理

#配置動(dòng)態(tài)jsp頁(yè)面資源
location /jsp/ {
    proxy_pass http://dstomcat/;
}
# tomcat兩臺(tái)負(fù)載
upstream dstomcat{
    server 192.168.51.5:8080; 
    server 192.168.51.126:8080;
}

2.5 啟動(dòng)nginx

#切到目錄：/usr/local/nginx/sbin下
#啟動(dòng)nginx
./nginx
#刷新配置文件
./nginx -s reload

三. 測(cè)試結(jié)果

安裝以上步驟，我們就把動(dòng)靜分離給配置完了，接下來(lái)我們來(lái)看看測(cè)試結(jié)果吧。

1.測(cè)試圖片

我們先來(lái)看看訪問(wèn)圖片的效果，如下圖所示：

2.測(cè)試靜態(tài)資源

再來(lái)看看對(duì)html頁(yè)面的訪問(wèn)測(cè)試結(jié)果：

3.測(cè)試動(dòng)態(tài)資源

最后是對(duì)動(dòng)態(tài)資源jsp頁(yè)面的訪問(wèn)結(jié)果，如下圖所示：

以上就是動(dòng)靜分離的實(shí)現(xiàn)過(guò)程，現(xiàn)在你學(xué)會(huì)了嗎？

到此這篇關(guān)于nginx實(shí)現(xiàn)動(dòng)靜分離的案例詳解的文章就介紹到這了,更多相關(guān)nginx動(dòng)靜分離內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！