You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

已启用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 18:40:32