Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
393 / 146 / 31
Регистрация: 26.11.2019
Сообщений: 385
1

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

19.01.2021, 22:08. Просмотров 339. Ответов 1
Метки нет (Все метки)

в учебном проекте, собранном на Vue CLI, хочу сделать что-то вроде источника данных, в виде json-файла, обращаться к нему из store, при помощи actions, и полученные данные распарсить в js-объект и поместить его в state, и оттуда уже дальше пользоваться для отрисовки некоторых блоков. Без Vue я такое уже делала и всё работало норм.
написала
Javascript
1
2
3
4
5
6
7
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
1
2
3
4
5
6
{
    "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 не использовала
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.01.2021, 22:08
Ответы с готовыми решениями:

Получить данные в формате json из txt файла
Не могу разобраться с проблемой. у меня есть ссылка на текстовый файл ...

Как получить данные из JSON?
Доброго времени суток, форумчане. Помогите разобраться с JSON, есть следующий код: &lt;!doctype...

Как получить данные из Json
Как получить значение из &quot;wd&quot;? {&quot;status&quot;:1,&quot;pogoda&quot;:{&quot;Moscow (2)&quot;:{&quot;wd&quot;:7,&quot;lv&quot;:0},&quot;Kazan (1...

Newtonsoft.JSON как получить данные из массива?
В общем, есть классы: public class lineResults { public string line {...

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

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как получить полученные json данные из вне функции
Есть файл json.php, который генерирует json данные такого вида: json.php есть файл которые...

Как получить данные из JSON и сравнить их с данными со страницы?
Добрый день, пожалуйста, скажите мне. Я написал календарь, и теперь у меня есть файл json, в...

Как получить данные из декодированного JSON, не используя цикл?
У меня есть json я его прогоняю через json_decode получаю stdClass Object ( =&gt; Array ...

Как получить данные из MySQL которые записаны как JSON
К примеру в базе в поле: extra_fields записана строка: Я делаю выбрку на PHP: $results =...

Как получить данные из json в массив и пробежаться по нему циклом ?
Подскажите, необходимо получить данные из json в массив и пробежаться по нему циклом, как сделать?...

Как считать данные из файла json?
Как считать данные из файла json следующего содержания? ,&quot;dps&quot;:,,,,,,,,,,,...] Чтоб получить:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.