首頁 > 運維 > Nginx > 主體

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

王林
發布: 2023-06-04 09:25:03
轉載
1407 人瀏覽過

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的反向代理與動靜分離##

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

相關標籤:
來源:yisu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!