So erhalten Sie eine lokale JSON-Datei im Vue-cli-Projekt

Dieses Mal zeige ich Ihnen, wie das Vue-cli-Projekt die lokale JSON-Datei erhält. Was sind die Vorsichtsmaßnahmen, damit das Vue-cli-Projekt die lokale JSON-Datei erhält . Werfen wir einen Blick darauf.

In meinem Vue-Demoprojekt möchte ich einige JSON-Daten lokal hinzufügen, sie in eine JSON-Datei schreiben, sie über eine asynchrone Anfrage abrufen und dann die Daten laden.

axios.get('http://localhost:8080/datas/json')

Während dieses Vorgangs war mein Zugriff jedoch immer 404. Nach der Überprüfung stellte ich fest, dass in Projekten, die auf Basis von vue-cli erstellt wurden, nur das Verzeichnis statisch vorhanden ist Auf den von vue-cli bereitgestellten statischen-Datenordner kann normal zugegriffen werden. Ich habe ein neues Datenverzeichnis auf derselben Ebene wie statisch erstellt und abgelegt Die JSON-Datei wird im Datenverzeichnis abgelegt und die Anforderung lautet immer 404. Wenn ich die JSON-Datei im statischen Verzeichnis ablege, kann normal darauf zugegriffen werden.

Denken Sie unbedingt an diese Funktion: Das statische Verzeichnis ist ein statischer Ordner, der von vue-cli bereitgestellt wird. Alle statischen Daten werden angezeigt im statischen Verzeichnis abgelegt werden! !

Das obige Beispiel des Vue-cli-Projekts zum Abrufen lokaler JSON-Dateidaten ist der gesamte vom Herausgeber freigegebene Inhalt. Ich hoffe, dass es Ihnen eine Referenz geben kann, und ich hoffe, dass Sie Script Home unterstützen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So ändern Sie den Wert in Vue-Anfragedaten

So legen Sie $set auf ein Array fest im vue.js Update

Das obige ist der detaillierte Inhalt vonSo erhalten Sie eine lokale JSON-Datei im Vue-cli-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!