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

GitHub Pages中CSS/JS加载异常,VS Code本地运行正常求助

解决GitHub Pages部署后资源缺失的问题
  • 添加base标签适配仓库子路径
    GitHub Pages部署地址是https://azu-any.github.io/reafo/,属于仓库子路径。在HTML的<head>中添加<base href="/reafo/">,确保所有相对路径的资源引用都基于这个根路径,避免指向域名根目录。

  • 核对资源路径的大小写
    本地Windows系统不区分文件名大小写,但GitHub Pages运行在Linux环境下,大小写严格匹配。检查所有CSS、JS、图片的引用路径,确保和仓库中实际文件的大小写完全一致(比如css/main.css不能写成CSS/Main.css)。

  • 确认部署分支与资源推送状态
    检查GitHub Pages的设置,确认部署的是正确的分支(比如main分支);同时确保所有CSS、JS、图片资源都已推送到该分支,没有被.gitignore规则排除。

  • 调整资源引用路径写法
    如果使用相对路径仍有问题,尝试改用根相对路径,比如把./css/style.css改成/reafo/css/style.css,明确指定资源在仓库中的位置。

  • 强制刷新浏览器缓存
    浏览器可能缓存了旧的页面资源,按Ctrl+Shift+R强制刷新页面,或者使用隐私窗口访问,排除缓存导致的资源加载异常。

内容的提问来源于stack exchange,提问作者A17

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.07 15:45:54