So realisieren Sie den Reverse-Proxy und die dynamische Trennung von Nginx + Tomcat

1. Nginx installieren und auf statische Ressourcen zugreifen

Nach erfolgreicher Installation nginx starten, http://localhost/ in den Browser eingeben und eine Begrüßungsseite wird angezeigt

Erstellen Sie nacheinander das Verzeichnis statictest1jscommon und fügen Sie es hinzu jquery.xx.js Fügen Sie es ein.

ps: static stellt das Hauptverzeichnis der statischen Dateien dar, test1 stellt den Projektnamen unter Tomcat dar, dieser Computer verwendet jquery-1.12.1.min.js

Ändern Sie die Konfigurationsdatei nginx.conf und fügen Sie die folgende Konfiguration hinzu:

#Regulärer Abgleich mit Anfragen, die mit „statisch“ beginnen, z. B. /test1/static/js...

location ^~/test1/static/ {
alias static/test1/; #alias verwirft den nach „location“ konfigurierten Pfad Alias, das Verzeichnis. Fügen Sie unbedingt /
}

nach dem Namen hinzu. Starten Sie nginx neu und geben Sie http://localhost/test1/static/js/common/jquery-1.12.1.min.js in den Browser ein, um erfolgreich darauf zuzugreifen .

2. Erstellen Sie ein Java-Webprojekt.

Installieren Sie JDK, Tomcat, Myeclipse oder Idea usw. und erstellen Sie ein Webprojekt test1.

Stellen Sie die Begrüßungsseite von test1 auf index.jsp ein, stellen Sie sie unter Tomcat bereit, die Portnummer ist 8080

Geben Sie http://localhost:8080/test1/ in den Browser ein und Sie können erfolgreich darauf zugreifen.

3. Führen Sie statische Ressourcen unter Nginx ein.

Führen Sie die JQuery-Datei von Nginx unter index.jsp ein:

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

Schreiben Sie gleichzeitig das JQuery-Testskript wie folgt:

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

Konfigurieren Sie den Reverse-Proxy des test1-Projekts unter nginx, ändern Sie nginx.conf und fügen Sie die folgende Konfiguration hinzu:

#test1-Projektanforderung--> ; Reverse-Proxy auf 8080, außer ^~/test1/static/ request
location /test1/ {
Proxy_pass http://localhost:8080;

4. Testen Sie den Reverse-Proxy und die dynamische und statische Trennung

Neustart Nginx, starte Tomcat neu!

Geben Sie http://localhost/test1/ in den Browser ein und die Anfrage wird von Nginx an test1 unter Tomcat auf Port 8080 weitergeleitet.

Wenn alles in Ordnung ist, gibt der Browser die Ausgabe von index.jsp zurück, lädt die JQuery-Datei unter Nginx und öffnet ein Eingabeaufforderungsfeld.

Screenshots von dieser Maschine:

                                                    

Das obige ist der detaillierte Inhalt vonSo realisieren Sie den Reverse-Proxy und die dynamische Trennung von Nginx + Tomcat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!