Maison > Opération et maintenance > Nginx > le corps du texte

Comment réaliser un proxy inverse et une séparation dynamique de nginx+tomcat

王林
Libérer: 2023-06-04 09:25:03
avant
1424 Les gens l'ont consulté

1. Installez nginx et accédez aux ressources statiques

Après une installation réussie, démarrez nginx, entrez http://localhost/ dans le navigateur et la page d'accueil s'affichera. apparaît.#🎜 🎜#

Créez le répertoire statictest1jscommon sous nginx et mettez-y jquery.xx.js.

ps : static représente le répertoire principal des fichiers statiques, test1 représente le nom du projet sous tomcat, et cette machine utilise jquery-1.12.1.min.js

pour modifier le fichier de configuration nginx.conf, ajoutez la configuration suivante :

#Correspond régulièrement aux requêtes commençant par static, telles que /test1/static/js...

location ^~ /test1/static/ {

alias static/test1/; #alias supprimera le chemin configuré après l'emplacement lors de l'utilisation de l'alias, assurez-vous d'ajouter /
après le nom du répertoire }
#🎜 🎜# Redémarrez nginx et parcourez L'entrée du serveur http://localhost/test1/static/js/common/jquery-1.12.1.min.js est accessible avec succès.

2. Créez un projet Web Java

Installez jdk, tomcat, myeclipse ou idea, etc., et créez un projet Web test1.

Définissez la page d'accueil de test1 sur index.jsp, déployez-la sous tomcat, le numéro de port est 8080

Le navigateur peut saisir http://localhost:8080/test1/ pour accéder avec succès.

3. Introduisez les ressources statiques sous nginx

Introduisez le fichier jquery de nginx sous index.jsp :

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

En même temps, écrivez le script de test jquery comme suit :

  <script type="text/javascript">
    //jquery语法,能够成功alert说明jquery引入成功
    $(function() {
    alert("测试动静分离成功!");
    })
   </script>
Copier après la connexion
#🎜 🎜# Configurez le proxy inverse du projet test1 sous nginx, modifiez nginx.conf et ajoutez la configuration suivante :

#test1 project request --> Reverse proxy à 8080, où ^ ~/test1/ static/sauf demande

location /test1/ {

proxy_pass http://localhost:8080;

}



4. le proxy inverse et séparation du mouvement et du statique

Redémarrez nginx, redémarrez Tomcat ! Entrez http://localhost/test1/ dans le navigateur, et la requête sera transmise par nginx à test1 sous tomcat sur le port 8080.

Si tout va bien, le navigateur renverra la sortie de index.jsp, chargera le fichier jquery sous nginx et affichera une boîte de dialogue.

Capture d'écran native :

                                                                              

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:yisu.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal