create-react-app电子作品集更换域名后资源加载404问题
解决Create React App项目更换自定义域名后资源加载失败问题
我用Create React App搭建了电子作品集,通过GitHub Pages默认链接(eyoo217.github.io/e-portfolio)访问完全正常,但换成自定义域名elotmusk.com后,资源加载失败。已经修改了package.json里的homepage字段为新域名,问题仍未解决。
以下是排查和解决步骤:
- 检查仓库根目录的CNAME文件:GitHub Pages绑定自定义域名时,仓库根目录必须有一个
CNAME文件,内容仅为你的自定义域名elotmusk.com(不要加http/https前缀)。如果之前部署过默认域名,手动创建这个文件并提交到仓库。 - 确认package.json的homepage格式:确保homepage字段为完整的域名格式,比如:
改完后重新执行"homepage": "https://elotmusk.com"npm run build,再重新部署到GitHub Pages。如果是根域名部署,也可以将homepage设为".",这样build后的资源会使用相对路径。 - 查看资源加载路径:打开浏览器开发者工具(F12)切换到Network标签,看加载失败的资源请求地址是否还是指向旧的GitHub Pages域名。如果是,说明build时未生成正确路径,需确认homepage设置正确后重新构建部署。
- 检查GitHub Pages域名配置:进入仓库的Settings -> Pages页面,确认Custom domain已设置为
elotmusk.com,且Enforce HTTPS选项已开启(若域名支持HTTPS)。DNS解析可能有延迟,设置后等待一段时间再测试。 - 强制刷新清除缓存:按Ctrl+Shift+R强制刷新页面,或清除浏览器缓存后访问,避免缓存的旧资源路径导致加载失败。
内容的提问来源于stack exchange,提问作者elliott yoo
相关产品推荐
相关产品推荐

