Beispiel für ein Vue-Cli-Projekt zum Abrufen lokaler JSON-Dateidaten

Jetzt werde ich Ihnen ein Beispiel zeigen, wie das Vue-cli-Projekt lokale JSON-Dateidaten erhält. Es hat einen guten Referenzwert und ich hoffe, es wird für alle hilfreich sein.

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 vue-cli erstellt wurden, nur das statische Verzeichnis von vue-cli verfügbar gemacht wurde. Auf die Bilder, die ich unter „Static“ abgelegt habe, kann normal zugegriffen werden. Ich habe ein neues Datenverzeichnis auf derselben Ebene wie „Static“ erstellt und die JSON-Datei im Datenverzeichnis abgelegt. Die Anforderung lautet immer 404. Wenn ich die JSON-Datei in „Static“ ablege Im Verzeichnis können Sie normal darauf zugreifen.

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! !

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Instanz des Vue2.0-Simulationsankerpunkts

Detaillierte Erläuterung des Mixins-Attributs von Vue

Lösung für den Fehler, dass die Seiten-Scroll-Position nach dem Vue2.0-Routing-Schalter unverändert bleibt

Das obige ist der detaillierte Inhalt vonBeispiel für ein Vue-Cli-Projekt zum Abrufen lokaler JSON-Dateidaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!