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
相关产品推荐
相关产品推荐

