Загрузка данных из файла JSON в активы с NUXT.js

Question

Предположим, у меня есть файл assets/data/geo/regions.json в структуре папок проекта NUXT.js.Как я могу прочитать данные из этого файла в свой проект?

Я пробовал axios , но я не знаю, какой URL будет иметь этот файл, я перепробовал все возможные URL.Что является лучшим решением для этого?Может быть, лучше хранить файлы JSON в папке static?

Спасибо!

Answer 1

Если файл regions.json не изменится, вы можете легко поместить его в папку static.Тогда URL-адрес будет /data/geo/regions.json См. Этот вопрос на странице вопросов Nuxt

Answer 2

Возможно, вы захотите использовать «require» вместо «import», если вы планируете загружать данные в цикле.

jsons = ["json_one","json_two"]
jsons_readed = []

// In the loop
file = require(`./assets/data/geo/${jsons[i]}`)
jsons_readed.push(file)

Тогда я думаю, что вы можете использовать jsons_readed для доступа к объектам.

Answer 3

Вы можете импортировать файлы JSON с помощью import data from 'data.json' и использовать свойство data прямо в своем компоненте.