So konfigurieren Sie mehrere Projekte mit demselben Domänennamen in Nginx

So konfigurieren Sie mehrere Projekte mit demselben Domänennamen in Nginx

Es gibt zwei Möglichkeiten, mit Nginx mehrere Projekte unter demselben Domänennamen zu konfigurieren:

  • nginx wird entsprechend unterschiedlicher Verzeichnisse auf verschiedene Projekte verteilt
  • Aktivieren Sie den Domänennamen der zweiten Ebene und weisen Sie verschiedenen Projekten unterschiedliche Domänennamen der zweiten Ebene zu.

1. Nginx wird entsprechend den unterschiedlichen Verzeichnissen auf unterschiedliche Projekte verteilt:

Server {
  hören Sie 80;
  Servername Beispiel.com;
 
  Standort ^~ /Projekt1 {
    Proxy-Passwort http://localhost:8081;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
 
  Standort ^~ /Projekt2 {
    Proxy-Passwort http://localhost:8082;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
 
  Standort / {
    Proxy-Passwort http://localhost:8080;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
}

Hier sind drei Projekte konfiguriert:

  • http://example.com/project1 wird an http://localhost:8081 verteilt.
  • Der Pfad http://example.com/project2 wird auf http://localhost:8082 verteilt.
  • Andere Pfade werden an http://localhost:8080 weitergeleitet.

2. Aktivieren Sie den Domänennamen der zweiten Ebene und weisen Sie verschiedenen Projekten unterschiedliche Domänennamen der zweiten Ebene zu

Hinweis: Viele Studenten sagen, dass dies ungültig ist, da Sie zuerst dem Host einen A-Eintrag zum sekundären Domänennamen hinzufügen müssen. Derselbe Domänenname kann demselben Host N sekundäre Domänennamen hinzufügen.

Server {
  hören Sie 80;
  Servername Beispiel.com;
  Standort / {
    Proxy-Passwort http://localhost:8080;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
}

Projekt1

Server {
  hören Sie 80;
  Servername Projekt1.Beispiel.com;
  Standort / {
    Proxy-Passwort http://localhost:8081;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
}

Projekt2

Server {
  hören Sie 80;
  Servername Projekt2.Beispiel.com;
  Standort / {
    Proxy-Passwort http://localhost:8082;
    Proxy_Set_Header Host $host;
    Proxy_Set_Header X-Real-IP $Remote_Addr;
    proxy_set_header X-Weitergeleitet-Für $proxy_add_x_forwarded_for;
  }
}

Hinweis: Diese drei Projekte gehören zu unterschiedlichen Domänennamen und beim Zugriff auf Projekte über http treten domänenübergreifende Probleme auf.

Dies ist das Ende dieses Artikels zum Konfigurieren mehrerer Projekte mit demselben Domänennamen in Nginx. Weitere Informationen zum Konfigurieren mehrerer Projekte mit demselben Domänennamen in Nginx finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Führen Sie die Schritte für die Trennung von Nginx-Proxy-Frontend und Backend mit demselben Domänennamen aus.
  • So stellen Sie mit Nginx mehrere Vue-Projekte unter demselben Domänennamen bereit und verwenden einen Reverse-Proxy

<<:  Beispiel für die Verwendung von CSS3 zum Anpassen des Stils eines Eingabe-Mehrfachauswahlfelds

>>:  Fehler beim reduzierten Tabellenzeilenelement

Artikel empfehlen

Quickjs kapselt JavaScript-Sandbox-Details

Inhaltsverzeichnis 1. Szenario 2. Vereinfachen Si...

MySQL 8.x MSI-Version Installations-Tutorial mit Bildern und Text

1. MySQL herunterladen Offizielle Website-Downloa...

Detailliertes Tutorial zur Neuinstallation von Python 3.6.6 auf CentOS 7.5

ps: Die Umgebung ist wie der Titel Mögliche Abhän...

React+axios implementiert die Suchbenutzerfunktion von GitHub (Beispielcode)

laden Anforderung erfolgreich Anforderung fehlges...

Zusammenfassung der Grundkenntnisse und Vorgänge der MySQL-Datenbank

Dieser Artikel erläutert anhand von Beispielen di...

jQuery verwendet das Canvas-Tag, um den Bestätigungscode zu zeichnen

Das <canvas>-Element ist für clientseitige ...

Installations- und Konfigurationsmethode des Vue-Route-Routing-Managements

einführen Vue Router ist der offizielle Routing-M...

HTML-Framework_Powernode Java Academy

1. Rahmen In einem Browser-Dokumentfenster kann n...

Beheben Sie den abnormalen Fehler beim Erstellen einer Vue-Umgebung mit Webpack

Inhaltsverzeichnis Konfigurieren Sie zuerst packa...

Installations- und Konfigurationstutorial von MySQL 8.0.16 unter Win10

1. Entpacken Sie MySQL 8.0.16 Der Ordner dada und...

Beispiel für eine automatische Importmethode für allgemeine Vue3.0-Komponenten

1. Voraussetzungen Wir verwenden zum Importieren ...

React-Prinzipien erklärt

Inhaltsverzeichnis 1. setState() Beschreibung 1.1...