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

Parsen des Linux-Quellcodes epoll

Inhaltsverzeichnis 1. Einleitung 2. Einfaches Epo...

JavaScript-OffsetParent-Fallstudie

1. Definition von offsetParent: offsetParent ist ...

Allgemeiner Leitfaden zur Sicherheitskonfiguration von Linux/CentOS-Servern

Linux ist ein offenes System. Im Internet sind vi...

Aufbau der Angular-Umgebung und einfache Erfahrungszusammenfassung

Einführung in Angular Angular ist ein von Google ...

Warum wird die MySQL-Paging-Funktion bei Verwendung von Limits immer langsamer?

Inhaltsverzeichnis 1. Testexperiment 2. Leistungs...

Eine kurze Diskussion über die Sortierabfrage mit angegebener MySQL-Reihenfolge

Vor kurzem habe ich an einem Großbildschirmprojek...

Reines js, um einen Schreibmaschineneffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Details zu verschiedenen Schriftformaten in HTML-Webseiten

Dieser Abschnitt beginnt mit den Details der Text...

Anwendungshandbuch für chinesische WEB-Schriftarten

Die Verwendung von Schriftarten im Web ist sowohl ...

Sehr praktische Methode zur Implementierung des Tomcat-Startskripts

Vorwort Es gibt ein Szenario, in dem das Unterneh...

Beispiel für die Anpassung des Stils des Auswahlfelds für Formulardateien

Code kopieren Der Code lautet wie folgt: <!DOC...

Grafisches Tutorial zur Installation und Konfiguration von Mysql WorkBench

In diesem Artikel erfahren Sie mehr über die Inst...