Почему не получаю данные с помощью fetch с файла из своего же проекта?

Question

[cosonicsq]

Мне нужно получить данные из файла mass.json c помощью метода fetch и вывести в консоль. Данные находятся в массиве. Но почему-то данные не выводятся в консоль.
Вот скриншот файла App.js, mass.json и структура папок:

А вот такая ошибка в консоли:

Может я как-то неправильно путь пишу в скобках после fetch? Или в чем проблема?

Answer 1

[Алексей Уколов]

fetch работает в контексте браузера, а не в контексте файловой системы, так что путь до файла нужно указывать от корня веб-сервера. У вас же возвращается не json (скорее всего, какая-нибудь страница 404), из-за чего возникает исключение, которое вы видите в консоли.

Судя по наличию директории public, скорее всего, корень веб-сервера там, так что достучаться до своего файла вне этой директории вам не удастся - переложите его туда.

Answer 2

[Константин Б.]

Нужно папку data переместить в папку public так как собранный проект запускается из неё и путь браузера начинается из этой папки.

Comments

[cosonicsq]

Та же самая ошибка, может я неправильно путь к файлу указал?

Если написать так: ../public - то также ошибка

[Константин Б.]

cosonicsq, конечно, public нужно убрать из пути

[Константин Б.]

Верни как было раньше. А саму папку перемести в паблик

[cosonicsq]

Константин Б., спасибо)