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

Javascript-Countdown-Eingabeaufforderungsfeld

In diesem Artikelbeispiel wird der spezifische Ja...

JavaScript zum Implementieren der Anzeige von Suchdaten

In diesem Artikel wird der Datenanzeigecode für d...

Lernen Sie die Grundlagen der JavaScript-DOM-Operationen in einem Artikel

DOM-Konzepte DOM: Dokumentobjektmodell: Das Dokum...

So installieren und verwenden Sie Ubuntu Docker

Inhaltsverzeichnis 1. Automatische Installation m...

SQL-Implementierung von LeetCode (178. Punkterangliste)

[LeetCode] 178.Ranglistenergebnisse Schreiben Sie...

MySQL verwendet Aggregatfunktionen zum Abfragen einer einzelnen Tabelle

Aggregatfunktionen Wirkt auf einen Datensatz ein ...

Zusammenfassung der MySQL-Ansichtsprinzipien und Anwendungsbeispiele

Dieser Artikel fasst die Prinzipien und die Verwe...

MySQL-Replikation - ausführliche Erklärung und einfaches Beispiel

MySQL-Replikation - ausführliche Erklärung und ei...

So beheben Sie die durch MySQL DDL verursachte Synchronisierungsverzögerung

Inhaltsverzeichnis Vorwort Lösung Tool-Einführung...

Beispiel für das Hinzufügen von Attributen mithilfe von Stilen in HTML

Fügen Sie den erforderlichen Links Inline-Stile hi...