怎麼實現nginx+tomcat的反向代理與動靜分離

1. 安裝nginx，訪問靜態資源

安裝成功後，啟動nginx，瀏覽器輸入http://localhost/出現歡迎頁面.

在nginx下依序建立目錄static\test1\js\common，並將jquery.xx.js 放進去。

ps: static 代表靜態檔案主目錄，test1 代表tomcat下的專案名稱，本機使用jquery-1.12.1.min.js

修改設定檔nginx.conf，新增如下設定：

 #正規符合以static開頭的請求，例如/test1/static/js...

 location ^~/test1/static/ {
    alias   static/test1/ ;    #alias會把location後面設定的路徑丟棄掉; 使用alias時，目錄名稱後面一定要加/
 }

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

2. 建立java web專案

 安裝jdk，tomcat，myeclipse或idea等 ，建立web專案 test1。

 將test1歡迎頁設定成index.jsp，部署在tomcat下，連接埠號碼8080

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

3. 引入nginx下的靜態資源

 在index.jsp下引入nginx的jquery檔案：

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

同時編寫jquery測試腳本如下：

  <script type="text/javascript">
    //jquery语法，能够成功alert说明jquery引入成功
    $(function() {
    alert("测试动静分离成功！");
    })
   </script>

  在nginx下設定test1專案的反向代理，修改nginx.conf，新增以下設定：

   #test1專案請求--> 反向代理程式到8080，其中^~/test1/static/請求除外

   location/test1/ {
       proxy_pass http://localhost:8080;   
   }

4. 測試反向代理與動靜分離

tomcat！

瀏覽器輸入http://localhost/test1/，請求會被nginx轉送到8080埠的tomcat下面test1。

如果一切ok，瀏覽器會傳回index.jsp的輸出，並且載入nginx下的jquery文件，彈出提示框。

本機截圖：

         

##

以上是怎麼實現nginx+tomcat的反向代理與動靜分離的詳細內容。更多資訊請關注PHP中文網其他相關文章！