react中用fetch请求本地json数据，返回的是html页面，并没有拿到想要的数据
在react代码中想试试读取本地json数据，预期是请求成功后将json数据显示在页面上，但是在控制台中看到的是 返回的是 index.html里面的内容，并没有返回json数据。
代码：
按照例子写的，参考了别人的问题，把json文件放到index同级的public文件夹下，运行后，会报一个错（我把.json()方法去掉就不报这个错）Unexpected token < in JSON at position 0
本地json文件：
项目结构：
控制台输出：我以为会输出json文件里的数据内容的....
Network：
刚刚开始学react，想试试用本地的数据，就卡这了。
希望大神们能帮助我解答下~~~
万分感谢！！
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（8）
看下请求header里的content-Type吧，那个属性可能影响json的解析行为
response返回值状态是200，那证明路径没问题，能看看你的json么
我觉得是你要设置请求和返回的数据格式为application/json?
我特么也遇到了，这个问题不知道啥情况？？？？
你把本地的json文件放到public目录下面就可以了
我也遇到这个问题了，一模一样，不知道啥原因。
应该是地址写错了 应该是写当对于index.html的路径 也就是 ‘./xxx.json’,并且这个json在public中
请问楼主解决了么？我也碰到了