Versuchen Sie Docker+Nginx, um die Single-Page-Anwendungsmethode bereitzustellen

npm-Ausführung erstellen

gzip an;
gzip_disable "msie6";
# 0-9 Ebenen, je höher die Ebene, desto kleiner das komprimierte Paket, aber desto höher die Anforderung an die Serverleistung gzip_comp_level 9;
gzip_min_länge 100;
# Gzip unterstützt keine komprimierten Bilder, wir müssen nur die Front-End-Ressourcen gzip_types text/css application/javascript komprimieren;

Server {
 hören Sie 8080;
 Servername www.frontend.com;

 root /usr/share/nginx/html/;

 Standort / {
 Index Index.html Index.htm;
 Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
 # Deaktivieren Sie das Zwischenspeichern von HTML, um sicherzustellen, dass auf die neuesten CSS- und JS-Ressourcen verwiesen wird. Läuft ab -1;
 }

 Standort /api/v1 {
 Proxy-Passwort http://backend.com;
 }
}

Arbeiterprozesse 1;

Ereignisse { Worker_Connections 1024; }

http {
 ##
 # Grundeinstellungen
 ##

 sendfile an;
 tcp_nopush ein;
 tcp_nodelay ein;
 KeepAlive-Timeout 65;
 Typen_Hash_max_Größe 2048;

 /etc/nginx/mime.types einschließen;
 Standardtyp Anwendung/Oktett-Stream;

 ##
 # Protokollierungseinstellungen
 ##

 Zugriffsprotokoll /var/log/nginx/access.log;
 Fehlerprotokoll /var/log/nginx/error.log;

 ##
 # Gzip-Einstellungen
 ##

 gzip an;
 gzip_disable "msie6";
 gzip_comp_level 9;
 gzip_min_länge 100;
 gzip_types Text/CSS-Anwendung/Javascript;

 Server {
 hören Sie 8080;
 Servername www.frontend.com;

 root /usr/share/nginx/html/;

 Standort / {
  Index Index.html Index.htm;
  Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
  läuft ab -1;
 }

 Standort /api/v1 {
  Proxy-Passwort http://backend.com;
 }
 }
}

VON nginx:alpine

KOPIEREN Sie nginx.conf /etc/nginx/nginx.conf
KOPIEREN Sie dist /usr/share/nginx/html

APP_NAME = spa_nginx_docker
PORT = 8080

bauen:
 cp docker/Dockerfile.
 cp docker/nginx.conf .
 Docker-Build -t $(APP_NAME).
 rm Docker-Datei
 rm nginx.conf

einsetzen:
 docker run -d -it -p=$(PORT):$(PORT) --name="$(APP_NAME)" $(APP_NAME)

stoppen:
 Docker-Stopp $(APP_NAME)
 Docker rm $(APP_NAME)
 Docker RMI $(APP_NAME)

APP_NAME = spa_nginx_docker
PORT = 8080

bauen:
 cp docker/Dockerfile.
 cp docker/nginx.conf .
 Docker-Build -t $(APP_NAME).
 rm Docker-Datei
 rm nginx.conf

einsetzen:
 docker run -d -it -p=$(PORT):$(PORT) --name="$(APP_NAME)" $(APP_NAME)

stoppen:
 Docker-Stopp $(APP_NAME)
 Docker rm $(APP_NAME)
 Docker RMI $(APP_NAME)

# Statischer Ressourcenaufbau npm run build

# Image-Verpackung erstellen

# Stoppen und das alte Image löschen (kann beim ersten Mal ignoriert werden)
halt machen

# Image-Startup make deploy