這篇文章主要講解了“怎么實(shí)現(xiàn)nginx+tomcat的反向代理與動(dòng)靜分離”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么實(shí)現(xiàn)nginx+tomcat的反向代理與動(dòng)靜分離”吧！

創(chuàng)新互聯(lián)專注于河北企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站開發(fā)。河北網(wǎng)站建設(shè)公司,為河北等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站建設(shè)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1. 安裝nginx，訪問靜態(tài)資源

安裝成功后，啟動(dòng)nginx，瀏覽器輸入http://localhost/出現(xiàn)歡迎頁面.

在nginx下依次建立目錄 static\test1\js\common，并將jquery.xx.js 放進(jìn)去。

ps: static 代表靜態(tài)文件主目錄，test1 代表tomcat下的項(xiàng)目名稱，本機(jī)使用jquery-1.12.1.min.js

修改配置文件nginx.conf，添加如下配置：

 #正則匹配以static開頭的請求，比如/test1/static/js...

 location ^~/test1/static/ {
    alias   static/test1/;    #alias會(huì)把location后面配置的路徑丟棄掉; 使用alias時(shí)，目錄名后面一定要加/
 }

 重啟nginx，瀏覽器輸入http://localhost/test1/static/js/common/jquery-1.12.1.min.js 能夠訪問成功。

2. 構(gòu)建java web項(xiàng)目

 安裝jdk，tomcat，myeclipse或idea等 ，創(chuàng)建web項(xiàng)目 test1。

 將test1歡迎頁設(shè)置成index.jsp，部署在tomcat下，端口號(hào)8080

 瀏覽器輸入http://localhost:8080/test1/能夠訪問成功。

3. 引入nginx下的靜態(tài)資源

 在index.jsp下引入nginx的jquery文件：

src="http://localhost/test1/static/js/common/jquery-1.12.1.min.js"

同時(shí)編寫jquery測試腳本如下：

  
    //jquery語法，能夠成功alert說明jquery引入成功
    $(function() {
    alert("測試動(dòng)靜分離成功！");
    })
   

  在nginx下配置test1項(xiàng)目的反向代理，修改nginx.conf，添加如下配置：

   #test1項(xiàng)目請求--> 反向代理到8080，其中^~/test1/static/請求除外
   location /test1/ {
       proxy_pass http://localhost:8080;   
   }

4. 測試反向代理和動(dòng)靜分離

重啟nginx，重啟tomcat！

瀏覽器輸入http://localhost/test1/，請求會(huì)被nginx轉(zhuǎn)發(fā)到8080端口的tomcat下面test1。

如果一切ok，瀏覽器會(huì)返回index.jsp的輸出，并且加載nginx下的jquery文件，彈出提示框。

本機(jī)截圖：

感謝各位的閱讀，以上就是“怎么實(shí)現(xiàn)nginx+tomcat的反向代理與動(dòng)靜分離”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對怎么實(shí)現(xiàn)nginx+tomcat的反向代理與動(dòng)靜分離這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！