Lösung für das Vue Refresh 404-Problem

Der Inhalt dieses Artikels befasst sich mit der Lösung des Vue-Refresh-404-Problems. Freunde in Not können darauf verweisen.

1. Problembeschreibung

Verwendung von Vue-Route in Kombination mit Webpack zum Schreiben eines Single-Page-Routing-Projekts, Betrieb und Wartung, die bei der Konfiguration von Nginx auf der Serverseite unterstützt werden. Nachdem die Bereitstellung abgeschlossen ist, ist es kein Problem, von der Startseite aus auf die Startseite zuzugreifen und die Sekundärseiten zu öffnen. Nachdem jedoch alle Sekundärseiten erneut geöffnet und aktualisiert wurden, tritt das 404-Phänomen auf!

2. Ursache des Problems:

Die Ressourcen, auf die beim Aktualisieren der Seite zugegriffen wird, können auf der Serverseite nicht gefunden werden, da der vom Vue-Router festgelegte Pfad kein echter Pfad ist.

3. Lösung:

Fügen Sie die Sprungeinstellung von vue-route in der Nginx-Konfiguration hinzu (die Homepage hier ist index.html, wenn es index.php ist, ersetzen Sie sie an der entsprechenden Position unten), Die richtige Konfiguration ist wie folgt

location / {
    try_files $uri $uri/ @router;
    index index.html;
}

location @router {
    rewrite ^.*$ /index.html last;
}

Dieser Artikel ist hier zu Ende. Weitere spannende Inhalte finden Sie in der Spalte JavaScript-Tutorial-Video auf der chinesischen PHP-Website!

Das obige ist der detaillierte Inhalt vonLösung für das Vue Refresh 404-Problem. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!