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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.13 14:50:31