Как получить данные из JSON-файла?

@Peskova_Sveta · Регистрация: 26.11.2019

в учебном проекте, собранном на Vue CLI, хочу сделать что-то вроде источника данных, в виде json-файла, обращаться к нему из store, при помощи actions, и полученные данные распарсить в js-объект и поместить его в state, и оттуда уже дальше пользоваться для отрисовки некоторых блоков. Без Vue я такое уже делала и всё работало норм.
написала

Javascript

actions: {
    fetchData() {
      return fetch('./db.json')
      .then(response => response.json())
      .then(req => console.log(req))
    }
  },

вызвала в App.vue вот так

Javascript

1
2
3

created() {
    this.$store.dispatch('fetchData');
  }

в консоли браузера пишет ошибку
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
т.е. не формат JSON, но там всё норм с форматом, файл взят из того самого проекта на котором всё работало без Vue, данные там простые объекты, вот кусочек:

Кликните здесь для просмотра всего текста

Javascript

{
    "data": [
        { "hex_code": "#C2B078", "ral_code": "1001", "name": "Бежевый" },
        { "hex_code": "#C6A664", "ral_code": "1002", "name": "Желтый песок" },
        { "hex_code": "#E5BE01", "ral_code": "1003", "name": "Желтый бледный" },
]}

Погуглив, нашла совет посмотреть что приходит не через response.json() , а через response.text()
и что я увидела в консоли? HTML-код страницы index.html из папки public
но, секундочку, запрос ведь не туда посылался!
(json-файл я положила в папку src , рядом с App.vue )
и пробовала другие файлы, другого формата, всё равно показывает index.html из папки public

вопрос:
куда поместить json-файл чтобы запрос приходил к нему?
потому что куда бы я его ни помещала, результат один и тот же

p.s. axios и router не использовала

@Peskova_Sveta · 20.01.2021, 07:48 **[ТС]**

разобралась, подключила его import db from '@/db.json'

@Peskova_Sveta 393 / 146 / 31 Регистрация: 26.11.2019 Сообщений: 385
	20.01.2021, 07:48 [ТС]	2
	разобралась, подключила его `import db from '@/db.json'` 0

Опции темы