So konfigurieren Sie denselben Domänennamen für das Front- und Backend von Nginx

So konfigurieren Sie denselben Domänennamen für das Front- und Backend von Nginx

In diesem Artikel wird hauptsächlich die Methode zum Konfigurieren desselben Domänennamens für das Front-End und das Back-End von nginx vorgestellt und mit Ihnen geteilt. Die Einzelheiten lauten wie folgt:

Upstream-DFCT {
#ip_hash;
 Server 121.41.19.236:8192;
}
 
Server {
 Servername ct.aeert.com;
 
 Standort / {
  Stammverzeichnis /opt/web;
  Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
  Fehlerseite 405 =200 http://$host$request_uri;
 }
 
 Standort ^~/web/ {
  Proxy_Set_Header Host $Proxy_Host;
# 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;
  Proxy-Passwort http://121.41.19.236:8192/;
 }
 
 
 listen 443 ssl; # verwaltet von Certbot
 ssl_certificate /etc/letsencrypt/live/ct.aeert.com/fullchain.pem; # verwaltet von Certbot
 ssl_certificate_key /etc/letsencrypt/live/ct.aeert.com/privkey.pem; # verwaltet von Certbot
 include /etc/letsencrypt/options-ssl-nginx.conf; # verwaltet von Certbot
 ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # verwaltet von Certbot
 
}
 
 
Server {
 wenn ($host = ct.aeert.com) {
  gibt 301 https://$host$request_uri zurück;
 } # verwaltet von Certbot
 
 
 hören Sie 80;
 Servername ct.aeert.com;
 return 404; # verwaltet von Certbot
 
 
}

Ergänzung: Drei Möglichkeiten zum Bereitstellen von Projekten mit getrenntem Front-End und Back-End mithilfe von nginx

Bei Projekten mit getrenntem Front-End und Back-End können Front-End und Back-End unterschiedliche oder denselben Domänennamen verwenden.

Folgendes ist der Fall, wenn Frontend und Backend denselben Domänennamen verwenden:

1. Das Frontend verwendet www.xxx.com und das Backend verwendet api.xxx.com

Server {
Servername www.xxx.com;

Standort / {
 Wurzel /tmp/dist;
 Index Index.html;
 Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
  }
 }

Server {
Servername api.xxx.com;
Standort / {
uwsgi_pass 127.0.0.1:8000;
/etc/nginx/uwsgi_params einschließen;
 }
}

2. Das Frontend verwendet www.xxx.com und das Backend verwendet www.xxx.com/api/

1. Wenn uwsgi http verwendet, kann es wie folgt konfiguriert werden

Server {
Servername www.xxx.com;

Standort / {
 Wurzel /tmp/dist;
 Index Index.html;
 Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
 }

Standort ^~ /api/ {
 Proxy-Passwort http://127.0.0.1:8000/;
 }
}

2. Wenn uwsgi die Socket-Methode verwendet, muss es wie folgt konfiguriert werden

Server {
Servername www.xxx.com;
Standort / {
 Wurzel /tmp/dist;
 Index Index.html;
 Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
}

Standort ^~ /api/ {
 Proxy-Passwort http://127.0.0.1:8080/;
 }
}
Server {
hören Sie 8080;
Standort / {
uwsgi_pass 127.0.0.1:8000;
/etc/nginx/uwsgi_params einschließen;
 }
}

Dies ist das Ende dieses Artikels zum Konfigurieren desselben Domänennamens für das Front-End und Back-End von nginx. Weitere Informationen zum Konfigurieren desselben Domänennamens für das Front-End und Back-End von 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:
  • So konfigurieren Sie Nginx, um zwischen dem PC- oder Mobiltelefonzugriff auf verschiedene Domänennamen zu unterscheiden

<<:  Beispielcode zum Erstellen eines minimierten Header-Effekts nur mit CSS

>>:  TinyEditor ist ein einfacher und benutzerfreundlicher HTML-WYSIWYG-Editor

Artikel empfehlen

Detaillierte Erklärung des MySQL-Ausführungsplans

Die EXPLAIN-Anweisung liefert Informationen darüb...

Beispiel für die Konfiguration mehrerer virtueller Hosts in nginx

Es ist sehr praktisch, den virtuellen Host vhost ...

Vue implementiert Pulldown, um mehr zu laden

Entwickler, die mit Element-UI vertraut sind, hab...

Implementierungsmethode für HTML-Neun-Raster-Layouts

Die Diversifizierung von Website-Layouts ist unse...

Eine kurze Diskussion über 3 bemerkenswerte neue Features in TypeScript 3.7

Inhaltsverzeichnis Vorwort Optionale Verkettung N...

jQuery erzielt den Effekt einer Werbung, die nach oben und unten gescrollt wird

In diesem Artikel wird der spezifische Code von j...

Zusammenfassung der relevanten Wissenspunkte zu Ajax in jQuery

Vorwort Studenten, die JavaScript lernen, wissen,...

MySQL zeigt ein einfaches Operationsbeispiel

Dieser Artikel beschreibt den MySQL-Show-Vorgang ...

Detaillierte Einführung und Verwendungsbeispiele für Map-Tag-Parameter

Karten-Tags müssen paarweise vorkommen, d. h. <...