已启用Live Server仍无法获取本地JSON文件:路径错误求解
解决JSON文件404的办法
先排查核心错误
你当前的fetch请求存在明显拼写错误:JSON实际文件名是myjson.json,但代码里写的是mjson.json(少了字母y),这是导致404的直接原因,先修正这个拼写问题。
修正路径(可选但更稳妥)
如果拼写修正后仍报错,检查路径是否匹配Live Server的根目录:
- 用Live Server打开
main/index.html时,服务器根目录就是main文件夹 - 你的
script.js在main/src/js/下,从该位置出发,正确相对路径为../../res/json/myjson.json(路径层级本身没问题,但要确保文件名正确) - 更省心的方式是使用根相对路径:直接写
/res/json/myjson.json,这种写法从服务器根目录(main)开始定位资源,无需计算层级,避免路径出错
其他可选方案
- 确认Live Server根目录:右键点击
main文件夹选择「Open with Live Server」,确保服务器根目录是main而非其上层文件夹 - 临时调整文件结构:若不想纠结路径,可临时把
myjson.json复制到src/js/目录下,fetch路径改为./myjson.json,测试通过后再移回原位置
内容的提问来源于stack exchange,提问作者RCWZX
相关产品推荐
相关产品推荐

