react中用fetch请求本地json数据，返回的是html页面，并没有拿到想要的数据

Question

在react代码中想试试读取本地json数据，预期是请求成功后将json数据显示在页面上，但是在控制台中看到的是 返回的是 index.html里面的内容，并没有返回json数据。
代码：
按照例子写的，参考了别人的问题，把json文件放到index同级的public文件夹下，运行后，会报一个错（我把.json()方法去掉就不报这个错）Unexpected token < in JSON at position 0

本地json文件：

项目结构：

控制台输出：我以为会输出json文件里的数据内容的....

Network：

刚刚开始学react，想试试用本地的数据，就卡这了。
希望大神们能帮助我解答下~~~
万分感谢！！

Answer 1

看下请求header里的content-Type吧，那个属性可能影响json的解析行为

Answer 2

response返回值状态是200，那证明路径没问题，能看看你的json么

Answer 3

我觉得是你要设置请求和返回的数据格式为application/json?

Answer 4

我特么也遇到了，这个问题不知道啥情况？？？？

Answer 5

你把本地的json文件放到public目录下面就可以了

Answer 6

我也遇到这个问题了，一模一样，不知道啥原因。

Answer 7

应该是地址写错了 应该是写当对于index.html的路径 也就是 ‘./xxx.json’,并且这个json在public中

Answer 8

请问楼主解决了么？我也碰到了