Die Fallstricke bei der Bereitstellung von Angular-Projekten in Nginx

Die Fallstricke bei der Bereitstellung von Angular-Projekten in Nginx

Wenn man online nach Methoden sucht, um Angular -Projekte nach der Kompilierung auf Nginx bereitzustellen, beschreiben die meisten Artikel die Notwendigkeit, am location der Nginx -Konfigurationsdatei einen Sprung zur Startseite anzugeben, um das durch die Aktualisierung verursachte 404-Problem zu vermeiden. Der vollständige server lautet:

Server {
 hören Sie 80;
 Servername 192.168.190.131;

 #sendfile an;
 #Zeichensatz koi8-r;
 Zugriffsprotokoll /var/log/nginx/host.access.log Haupt;

 Standort / {
  Wurzel /chanchaw/app/angular;
  Index Index.html Index.html;
  Versuchen Sie, Dateien $uri $uri/ /index.html zu versuchen.
 }

 Fehlerseite 404 /index.html;

 Standort = /index.html {
  Wurzel /chanchaw/app/angular;
 }
}

Auf server_name oben folgt die IP-Adresse von CentOS7.3 . Achten Sie besonders auf den folgenden location : try_files $uri $uri/ /index.html . Dies soll 404-Fehler verhindern, die durch das Aktualisieren des Browsers verursacht werden. Jetzt kommt der Punkt. Nach der Bereitstellung auf Nginx weist der Browsertest die folgenden Probleme auf:

index.html und js befinden sich im selben Verzeichnis. Warum können sie nicht gefunden werden? chrome ist so, firefox ist auch so, okay, versuchen wir es mit IE.

lösen

Es stellte sich heraus, dass chrome und firefox bei Anfragen automatisch http in https konvertieren. CentOS war in einer virtuellen Maschine installiert, und ich hatte nie daran gedacht, ssl bereitzustellen. Da ie keine Protokolle konvertiert, gibt es beim Testen im ie kein Problem.

Das könnte Sie auch interessieren:
  • Zeichnen Sie den gesamten Prozess des Angular-Projekts auf, von der Erstellung über die Verpackung bis zur Nginx-Bereitstellung

<<:  Detaillierte Erklärung der NodeJS-Modularität

>>:  Beispiel zum Aktivieren langsamer Abfragen in MySQL

Artikel empfehlen

Zusammenfassung der Verwendung von Datetime und Timestamp in MySQL

Inhaltsverzeichnis 1. Wie wird die aktuelle Uhrze...

Einführung in general_log-Protokollwissenspunkte in MySQL

Die folgenden Funktionsdemonstrationen basieren a...

Detaillierte Erklärung der reinen SQL-Anweisungsmethode basierend auf JPQL

JPQL steht für Java Persistence Query Language. B...

Wie werden Leerzeichen in HTML dargestellt (was bedeuten sie)?

Bei der Webentwicklung stößt man häufig auf Zeiche...

Implementierung der Anmeldeseite des tatsächlichen Kampfprotokolls von Vue

Inhaltsverzeichnis 1. Vorbereitende Maßnahmen 1.1...

Aufbau einer Docker+K8S-Clusterumgebung und verteilte Anwendungsbereitstellung

1. Docker installieren yum installiere Docker #St...

So installieren Sie Tomcat-8.5.39 auf centos7.6

So installieren Sie Tomcat-8.5.39 auf CentOS 7.6....

Zusammenfassung des Wissens zu CSS-Injection

Moderne Browser erlauben nicht mehr, JavaScript i...

Verwendung der MySQL SHOW STATUS-Anweisung

Um die Leistung von MySQL anzupassen und den Dien...

Detaillierte Erklärung des in JavaScript integrierten Date-Objekts

Inhaltsverzeichnis Date-Objekt Erstellen eines Da...

Praxis der Verwendung von SuperMap in Vue

Inhaltsverzeichnis Vorwort Ressourcen zum Thema V...