GitHub Pages多页面部署后发布出现404错误的问题咨询
GitHub Pages 线上访问404问题解决方案
If this is your site, make sure that the filename case matches the URL.For root URLs (like http://example.com/) you must provide an index.html file.
- 验证Pages发布配置
进入仓库Settings页,找到左侧Pages选项,确认发布源配置正确:如果你的网页文件全部存放在仓库根目录,发布源要选择对应部署分支(通常为main或master)的/ (root)路径;如果文件存放在docs文件夹,要选择/docs路径,配置修改后需要等待2-5分钟的构建发布时间再验证访问。 - 核对文件名大小写一致性
GitHub Pages服务对文件路径大小写完全敏感,但Windows、macOS系统默认对文件名大小写不敏感,这就会出现本地访问正常、线上404的情况。需要保证你访问的URL中的路径、文件名,和仓库内实际的文件大小写完全匹配,比如仓库里的文件是TowerDefense.html,URL访问towerdefense.html就会触发404,建议所有文件统一使用小写+短横线的命名规则,从根源规避该问题。 - 检查路径对应入口文件
如果你访问的是根路径或子目录路径,对应目录下必须存在index.html作为入口文件;如果你直接访问具体HTML文件,需要确认仓库对应位置确实存在该文件,没有拼写错误。 - 修正页面内资源/跳转路径
所有页面内的跳转链接、资源引用不要使用本地绝对路径,统一使用相对路径:同层级文件跳转直接写文件名a href="race.html",引用子文件夹内的资源写src="./assets/cover.png",引用上级目录的文件写src="../index.html"。 - 清除缓存验证访问
所有配置修改完成后,可以清除浏览器缓存或者使用浏览器隐私模式访问,避免本地缓存旧的错误页面导致验证失败。 - 确认仓库权限配置
免费账号的GitHub Pages仅支持公开仓库正常访问,如果你的仓库设置为私有,会出现异常访问问题,确认仓库权限为公开即可。
内容的提问来源于stack exchange,提问作者Phoenix 608
相关产品推荐
相关产品推荐

