Wie kann man den 404-Fehler lösen, der durch den nicht in der Lage ist, auf Vue-Projekt zugreifen zu können?

Das Vue-Projekt konnte Stücke nicht laden. Js, Lösung zur Rückgabe von 404 Fehler

Beim Ausführen des VUE-Projekts kann der Browser möglicherweise nicht auf die Datei chunk-vendors.js Datei zugreifen, was zu einem 404-Fehler führt, das von net::ERR_ABORTED 404 (Not Found) und MIME-Fehlereingabeaufforderung begleitet wird. Dies ist in der Regel auf statische Ausfälle für Ressourcenbeladungen zurückzuführen, nicht auf Probleme mit dem Projekt selbst. Wenn auf eine Datei zugegriffen werden kann, wenn ein neues Fenster geöffnet wird, ist es wahrscheinlicher, dass sie auf einen Pfadkonfigurationsfehler hinweist.

Dieser Artikel analysiert das Problem und liefert Lösungen.

Problemanalyse und Lösungen:

Die Hauptursache des Problems ist, dass die Konfiguration der statischen Ressourcenpfad nach Erstellung des Projekts nicht mit dem Browser -Anforderungsweg übereinstimmt.

1. Überprüfen Sie publicPath -Konfiguration: Die Konfiguration publicPath in der Datei vue.config.js bestimmt den Zugriffspfad der statischen Ressourcen, nachdem das Projekt erstellt wurde. Bei einer falschen Konfiguration wird der Browser keine Ressourcen gefunden. Stellen Sie sicher, dass publicPath korrekt eingestellt ist, zum Beispiel:

 module.exports = {
  // ... Andere Konfigurationen PublicPath: process.env.node_env === 'Produktion'? '/your-App-name/': '/'
};

• process.env.NODE_ENV === 'production' ? '/your-app-name/' : '/' bedeutet, dass in der Produktionsumgebung der Ressourcenweg mit /your-app-name/ und in der Entwicklungsumgebung beginnt, ist er / . Bitte ersetzen Sie /your-app-name/ Ihren tatsächlichen Anwendungsnamen oder -Pad.

2. Überprüfen Sie den statischen Ressourcenpfad: Bestätigen Sie, dass sich die statische Ressource (z. B. chunk-vendors.js ) im richtigen Verzeichnis befindet, normalerweise static oder public Verzeichnis. Falsche Pfade können auch 404 Fehler verursachen.

3. Komprimierungs -Plugin -Konflikt (mögliche Ursache): Die bereitgestellte vue.config.js -Konfiguration verwendet CompressionWebpackPlugin für die GZIP -Komprimierung. Obwohl die Komprimierung selbst nicht direkt 404 verursacht, kann die Komprimierung nicht ordnungsgemäß konfiguriert oder in Konflikt mit anderen Konfigurationen konfiguriert werden, aber sie kann die Belastung von Ressourcen beeinflussen. Es wird empfohlen, einige der komprimierten Code vorübergehend auszunehmen, um festzustellen, ob das Problem gelöst ist. Wenn das Problem gelöst ist, müssen Sie die Konfiguration des Komprimierungs-Plugins überprüfen, um sicherzustellen, dass alle statischen Ressourcen korrekt behandelt werden.

4. Servermime -Typ -Einstellung: Der Browserfehler fordert auf, dass der MIME -Typ text/html , nicht application/javascript ist, und gibt an, dass der Server die .js -Datei als HTML -Datei fälschlicherweise erkannt. Überprüfen Sie Ihre Serverkonfiguration (z. B. Nginx oder Apache), um sicherzustellen, dass der MIME -Typ der .js -Datei korrekt eingestellt ist.

5. Caching -Problem: Löschen Sie den Browser -Cache und versuchen Sie, die Seite neu zu laden.

Zusammenfassen:

Der Schlüssel zur Lösung chunk-vendors.js publicPath Wenn Sie ein Komprimierungs -Plugin verwenden, müssen Sie überprüfen, ob es korrekt konfiguriert ist. Durch die schrittweise Überprüfung der oben genannten Punkte sollten Sie in der Lage sein, dieses Problem zu lösen.

Das obige ist der detaillierte Inhalt vonWie kann man den 404-Fehler lösen, der durch den nicht in der Lage ist, auf Vue-Projekt zugreifen zu können?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!