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错误。
调整方式:- 将绝对路径改为相对路径,比如
./css/style.css或css/style.css(基于当前HTML文件的位置); - 若使用框架构建,需在配置中设置基础路径为
/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
相关产品推荐
相关产品推荐

