reactjs - 获取自定义域以在 Github 页面上使用 React

Question

我已按照所有指南将自定义域定向到 Github 端和 DNS 端的 Github 项目页面。该项目的 Github Pages 托管在自定义域之前工作，但现在要么没有任何工作，要么只是正常的 Github Pages 工作，但不是自定义域。

我已经尝试移动所有内容，重命名 CNAME 文件，所有内容都有时间传播，它应该工作，但我不知道什么去做。我尝试将 CNAME 文件放在 master 分支和 gh-pages 分支中。我尝试在文件中手动设置 CNAME 或在 repo 设置中自动设置。这一切都无济于事。

我可以说它应该可以正常工作，因为当我访问自定义域时，它肯定指向 Github，因为它返回 404，但没有找到页面。

Answer 1

我花了几个小时来解决这个问题，并想我会发布解决方案，以防其他人也遇到它。

简单的问题是 react-scripts build 运行时，它会忽略根目录中的 CNAME 文件，并完全覆盖 build/ 目录又完全覆盖了 gh-pages 分支，因此将 CNAME 添加到该目录将暂时解决问题:直到您下次推送。

解决方案非常简单:将 CNAME 从 / 移动到 /public。 react- scripts 会将其识别为要提供的静态文件，就像 favicon 一样，并将始终将其复制到 gh-pages 存储库并将其包含在构建中，而无需您手动执行每次部署。