Exemple de projet Vue-cli d'obtention de données de fichier json local

Maintenant, je vais partager avec vous un exemple de la façon dont le projet Vue-cli obtient les données du fichier json local. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Dans mon projet de démonstration vue, je souhaite ajouter des données json localement, les écrire dans un fichier json, les obtenir via une requête asynchrone, puis charger les données.

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

Cependant, pendant ce processus, mon accès était toujours 404. Après vérification, j'ai découvert que dans les projets construits sur la base de vue-cli, seul le répertoire statique est vers l'extérieur. exposé du dossier de données statiques, les images que j'ai placées sous static sont accessibles normalement. J'ai créé un nouveau répertoire datas dans le répertoire du même niveau que static et mis le fichier json dans le répertoire datas. La requête est toujours 404. Lorsque je mets le fichier json dans le répertoire datas. le fichier json dans Après être entré dans le répertoire statique, vous pouvez y accéder normalement.

N'oubliez pas cette fonctionnalité :

Le répertoire statique est un dossier statique exposé par vue-cli. Toutes les données statiques le devraient. être placé dans le répertoire statique ! !

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Instance du point d'ancrage de simulation de vue2.0

Explication détaillée de l'attribut mixins de vue

Solution au bug selon lequel la position de défilement de la page reste inchangée après le changement de routage vue2.0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!