Как спарсить json во vue cli?

Question

[Mothersprogrammer]

Нужно из локального файла json передать данные в приложение, я пробовал сделать вот так:

fetch('@/todo.JSON')
            .then(result => result.json())
            .then(data => {
                  this.todos = data.contents;
            })

но в консоли выводится ошибка: localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0,
я так и не понял что за не известный элемент в JSON, поскольку 100 раз перепроверил файл и там нет "<". И самое главное что загрузил файл на github и в fetch вставил ссылку , все работает, а с локальным файлом нет(.
Подскажите пожалуйста, в чем у меня ошибка.

Answer 1

[Александр]

Закидываете свой JSON в public и потом просто fetch('/json_name.json').

Comments

[Mothersprogrammer]

Можете пожалуйста пояснить, что вы подразумеваете под закинуть в assets,я посмотрел в документации vue и внятных разъяснений не нашел?

[Александр]

Mothersprogrammer, Ой, в public. Там же, где и шаблон, иконки.

[Mothersprogrammer]

Александр, спасибо, теперь все работает)

Answer 2

[Дима Паутов]

Потому что fetch не понимает адрес вашего файла, для него не ясно, что такое @.

@ - это лишь элиас в vue cli для локальной разработки, который потом будет преобразован в нормальный путь. Делать ajax запросы так нельзя. Указывайте чётко путь к файлу.

fetch('../../../todo.JSON')

Comments

[Mothersprogrammer]

Спасибо. Я делал и так ./todo.JSON' и так src/todo.JSON', он ни как не понимает.

[Дима Паутов]

Mothersprogrammer, ну значит вы не правильно указываете путь относительно файла, в котором вызываете запрос.