Charger les données du fichier JSON dans les actifs avec NUXT.JS
Supposons que j'ai assets/data/geo/regions.json Fichier dans ma structure de dossiers de projet NUXT.JS. Comment puis-je lire des données de ce fichier dans mon projet?
J'ai essayé Axios mais je ne sais pas quelle URL aura ce fichier, j'ai essayé toutes les URL possibles. Quelle est la meilleure solution à faire ça? Peut-être mieux pour contenir des fichiers JSON dans static dossier?
Merci!
Vous pouvez utiliser NUXT Content pour cela:
Empower votre application NUXTJS avec @ NUXT/Module Content: Écrivez dans un contenu/répertoire et récupérez vos fichiers de marque, JSON, YAML, XML et CSV via une API de MongoDB, agissant comme un CMS sans tête à base de GIT.
Les bases sont aussi faciles que la ligne suivante. Cela chargera le fichier régions.json, analysez-le et stockez son contenu dans la variable content. Voir la documentation du contenu NUXT pour plus d'informations à ce sujet.
const content = await this.$content('regions').fetch()
Sinon, vous pouvez lire notre publication de blog sur tilisation du contenu NUXT avec un fichier JSON . Il décrit comment étendre les pages existantes avec le contenu JSON, mais également la manière de générer de manière dynamique des pages basées sur elle.
Disclaimer: Je travaille chez Frontaid CMS.