首頁> 運維> Nginx> 主體

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

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

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測試腳本如下:

登入後複製

在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學習者快速成長!