So beheben Sie den Nginx 404-Fehler

Bei der Bereitstellung des Projekts sind kürzlich einige Probleme aufgetreten, wie im Bild gezeigt

Die normale Anmeldeschnittstelle ist zugänglich, aber nach dem Anmelden meldet die Adresse nach dem Zugriff einen 404-Fehler, also habe ich nachgesehen, ob Es gab irgendwelche Konfigurationsfehler, aber nach der Überprüfung habe ich festgestellt, dass die IP und der Port der beiden Konfigurationsdateien nginx.conf und config.js korrekt sind

Dieses Projekt wurde viele Male bereitgestellt und es gab keinen solchen Fehler geschah.

Dies ist die ursprüngliche, unberührte, dekomprimierte nginx.conf Quelldatei

Die eingekreisten Bereiche sind die ip und die Listening-Ports

listen, die entsprechend der Projektkonfiguration entsprechend konfiguriert werden sollten Port, Servername entspricht der aufgerufenen IP

Aber das löst das Problem nicht, wir müssen den folgenden Satz hinzufügen

try_files $uri $uri/ /index.html;

Der hinzugefügte Standort sollte hier sein

Fügen Sie ihn dem

hinzu Starten Sie jetzt einfach nginx neu. Klicken Sie in der Adressleiste auf cmd, um direkt auf das Verzeichnis zuzugreifen Geben Sie die Befehlszeile ein, ohne cmd zu öffnen, und springen Sie dann in das Verzeichnis. Wenn Sie den Nginx-Dienst noch nicht geschlossen haben, stoppen Sie ihn und öffnen Sie ihn dann. Wenn er geschlossen wurde, können Sie den Befehl zum Starten des Dienstes direkt eingeben

Befehl „Nginx-Dienst stoppen“:

nginx -s stop

Nginx-Dienstbefehl starten:

start nginx

Hot Deployment Nignx-Dienstbefehl:

(Es wird jedoch nicht empfohlen, diesen Befehl zu verwenden. Manchmal funktioniert dieser Befehl nicht, es ist besser, ihn direkt zu stoppen und zu starten)

nginx -s reload

Nach dem Neustart von Nginx ist der Browser am besten. Nachdem Sie den Cache geleert haben, testen Sie ihn erneut

Testen Sie es erneut und Sie können normal darauf zugreifen

Ergänzung: Nach der Bereitstellung von Nginx gibt es bei normalen Klicks kein Problem, nachdem das Projekt auf dem Server bereitgestellt wurde ist kein Problem mit dem Root-Pfadzugriff (http:10.10.10.10), aber es wird angezeigt, wenn andere Funktionen eingegeben und die Seite aktualisiert werden, z. B.

http:10.10.10.10/test/test/test, 404 wird angezeigt, wenn Sie aktualisieren die Seite, da Sie in der Nginx-Konfiguration keinen Umleitungssprung hinzugefügt haben. Die Lösung besteht darin, einfach diese Konfiguration hinzuzufügen:

try_files $uri $uri/ /index.html;

server {
    listen 80;
    server_name 127.0.0.1;
	
	location / {
		root /data/htdocs/FactoryModel/micro-front-end/industrial-internet-platform-main-vue;
		index index.php index.html index.htm;
		# add_header Cache-Control;
		add_header Access-Control-Allow-Origin *;
		if ( $request_uri ~* ^.+.(js|css|jpg|png|gif|tif|dpg|jpeg|eot|svg|ttf|woff|json|mp4|rmvb|rm|wmv|avi|3gp)$ ){
		  add_header Cache-Control max-age=7776000;
		  add_header Access-Control-Allow-Origin *;
		}
		try_files $uri $uri/ /index.html;
	}
}

Diese Konfiguration bedeutet, dass jedes Mal, wenn die entsprechende statische Ressource beim Abgleich mit dem URL-Pfad nicht gefunden wird, die Modulation Go springt zur Datei index.html

Fügen Sie es hier einfach wie gezeigt hinzu

Der folgende Inhalt erfordert ein wenig Wissen über das Funktionsprinzip des Router-Routings und das Nginx-Prinzip

Analyse, warum dies geschieht (für Routing im Verlaufsmodus):

Stellen Sie zuerst eine Frage:

1. Warum erfolgt die Aktualisierung der Seite (ohne Konfiguration und nicht im Stammverzeichnis der Homepage) 2. Warum geschieht dies (manchmal), wenn Sie zum Springen klicken? Jetzt lösen wir das Problem :

1. Angenommen, Sie befinden sich jetzt im Browser. Die URL im Browser lautet 172.1.2.3:7000/test. Wenn die Seite aktualisiert wird, wird sie zum Server (nginx) weitergeleitet, um die entsprechenden statischen Ressourcen anzufordern URL im Browser. Nginx hat sie gemäß den entsprechenden Speicherortregeln nicht im dist-Ordner. Die entsprechende statische Datei „test“ wurde gefunden, daher wird 404 zurückgegeben, was sinnvoll ist.

Konfigurieren Sie try_files zu diesem Zeitpunkt so, dass es zur Datei index.html zurückleitet, dh kehren Sie zur Startseite „/“ zurück. Beachten Sie, dass Ihre Seite zu diesem Zeitpunkt aktualisiert wurde Das Vue-Router-Routing wird wirksam. Die Komponente wird entsprechend der aktuellen URL-Adresse abgeglichen, sodass die URL zu diesem Zeitpunkt die entsprechende Komponente ist. Die Seite wird neu geladen und fertig.

2. Die zweite Frage ist, warum Sie manchmal klicken, um zu springen, aber nicht manchmal. Sie müssen wissen, dass es zwei Situationen gibt, in denen ein Sprung erfolgt: Zum einen wird die Seite aktualisiert (gehört zur ersten Frage) und zum anderen wird die Seite aktualisiert wird nicht aktualisiert. Dies hängt davon ab, wie Ihr Code geschrieben ist.

1 Die Seite wird nicht aktualisiert, sondern nur die URL-Routing-Änderung im Browser heißt pushState()

2. Durch das Übergeben wird die Seite aktualisiert, was dem a-Tag entspricht. Sie können es selbst im Browser ausprobieren. Wenn Sie also zum Springen klicken, verwendet Ihr Code manchmal Push (keine Aktualisierung), manchmal verursacht die Verwendung eines Tags, Link (Aktualisierung), dieses Problem.

Das obige ist der detaillierte Inhalt vonSo beheben Sie den Nginx 404-Fehler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!