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

Detailliertes Tutorial zum Kompilieren und Installieren von Python3.6 unter Linux

1. Gehen Sie zunächst auf die offizielle Website ...

So erstellen Sie eine MySQL-Datenbank (de1) mit Befehlen

1. Verbindung zu MySQL herstellen Format: mysql -...

So zählen Sie das Datum mit Bash herunter

Sie möchten wissen, wie viele Tage es bis zu eine...

Join-Operation in MySQL

Arten von Verknüpfungen 1. Innerer Join: Die Feld...

Implementierung zum Zeichnen einer Audio-Wellenform mit wavesurfer.js

1. Sehen Sie sich die Renderings an Weiterleiten ...

So verwenden Sie den Linux-Befehl nl

1. Befehlseinführung nl (Anzahl der Zeilen) fügt ...

10 Tipps zur Verbesserung der Website-Benutzerfreundlichkeit

Ob Unternehmenswebsite, persönlicher Blog, Shoppi...

Tutorial zur HTML-Tabellenauszeichnung (2): Tabellenrahmenattribute BORDER

Standardmäßig beträgt der Rand der Tabelle 0 und ...

So installieren Sie MySQL 8.0 und melden sich bei MySQL unter MacOS an

Folgen Sie dem offiziellen Tutorial, laden Sie da...

Centos erstellt ein Prozessdiagramm für den Chrony-Zeitsynchronisationsserver

Meine Umgebung: 3 centos7.5 1804 Meister 192.168....