Comment obtenir un fichier json local dans le projet Vue-cli

Cette fois, je vais vous montrer comment le projet Vue-cli obtient le fichier json local. Quelles sont les précautions pour le projet Vue-cli pour obtenir le fichier json local. . Jetons un coup d'oeil.

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, lors de ce processus, mon accès était toujours 404. Après vérification, j'ai constaté que dans les projets construits sur la base de vue-cli, seul le répertoire static est le dossier de données static exposé par vue-cli. Les images que j'ai placées sous static sont accessibles normalement. J'ai créé un nouveau répertoire de données dans le même répertoire de niveau que static, et j'ai mis The. Le fichier json est placé dans le répertoire datas et la requête est toujours 404. Lorsque je place le fichier json dans le répertoire statique, il est accessible 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 ! !

L'exemple ci-dessus du projet Vue-cli obtenant des données de fichier json local est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère que vous soutiendrez Script Home.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment modifier la valeur dans les données de requête vue

Comment définir $set sur un tableau dans la mise à jour vue.js

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!