求助:在GitHub Pages中获取JSON文件时出现网络错误
解决GitHub Pages中读取同仓库JSON文件被拦截的问题
确认JSON文件部署状态
先打开仓库的gh-pages分支页面,检查目标JSON文件是否存在。接着直接在浏览器访问该文件的GitHub Pages地址(格式类似https://你的用户名.github.io/仓库名/文件名.json),如果打不开,说明文件未成功推送到分支,重新推送gh-pages分支即可。本地开发改用本地服务器
要是你直接在本地打开HTML文件(file://协议)测试,浏览器的同源策略会拦截JSON请求。换用本地服务器运行项目:# Python 3 python -m http.server 8000 # Python 2 python -m SimpleHTTPServer 8000之后通过
http://localhost:8000访问页面,再尝试读取JSON。修正请求路径
代码里的JSON路径必须用相对路径,别用GitHub仓库的原始地址(比如raw.githubusercontent.com链接,GitHub会限制CORS)。如果JSON在根目录,用/文件名.json(部署到Pages时更稳定)或./文件名.json;在子目录就对应写/子目录/文件名.json。清除缓存解决路径残留问题
要是之前修改过文件路径,GitHub Pages可能存在缓存。试试强制刷新浏览器(Ctrl+F5),或者在请求URL后加版本参数,比如/data.json?v=1,绕开缓存。
内容的提问来源于stack exchange,提问作者Scott Vars
相关产品推荐
相关产品推荐

