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

GitHub Pages部署后网页无法加载JS和CSS问题求助

解决GitHub Pages无法加载JS/CSS文件的方案
  • 修正资源引用路径
    你的部署地址为https://binhxoay1234.github.io/vozer.github.io/,站点基础路径是/vozer.github.io/。如果HTML里使用了/css/style.css这类绝对路径,浏览器会请求https://binhxoay1234.github.io/css/style.css,但实际资源存放在https://binhxoay1234.github.io/vozer.github.io/css/style.css,因此触发404错误。
    调整方式:

    1. 将绝对路径改为相对路径,比如./css/style.css或css/style.css(基于当前HTML文件的位置);
    2. 若使用框架构建,需在配置中设置基础路径为/vozer.github.io/(例如Vue的publicPath、React的homepage)。
  • 检查文件名大小写
    GitHub Pages对文件名大小写敏感,若引用的是Style.css但实际文件是style.css,会导致加载失败。核对仓库内文件名与HTML中的引用是否完全一致。

  • 确认Pages部署配置
    进入仓库的Settings → Pages页面,验证部署分支和目录是否正确(比如是否选择了main分支的根目录),分支或目录选错会导致资源未被部署。

  • 强制刷新清除缓存
    浏览器可能缓存了旧的资源路径,按Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面,验证资源是否正常加载。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.29 18:22:06