リバースプロキシと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 に次の構成を追加します。

#/test1/static/js...

など、static で始まるリクエストと定期的に一致します。 location ^~/test1/static/ {

alias static/test1/ ; #alias は location の後に設定されたパスを破棄します; エイリアスを使用する場合は、必ずディレクトリ名の後に /
を追加してください }

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 project request --> ^~/test1/static/request

location /test1/ {
を除く、8080 へのリバース プロキシproxy_pass http://localhost:8080;
}

4. リバース プロキシと動的および静的分離をテストします

nginx を再起動し、tomcat を再起動してください。

ブラウザに http://localhost/test1/ と入力すると、リクエストは nginx によってポート 8080 の Tomcat の test1 に転送されます。

すべてが正常であれば、ブラウザはindex.jspの出力を返し、nginxにjqueryファイルをロードし、プロンプトボックスをポップアップ表示します。

ローカルのスクリーンショット:

以上がリバースプロキシとnginx+tomcatの動的分離を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。