使用github页面的create-react-app的自定义域

Question

我不确定自己在做什么错。 我已经按照所有步骤设置了自定义域名，但是也许我遗漏了一些东西。

我按照本文中的步骤进行操作，因此我的设置如下所示：

A Record @ 192.30.252.153 Automatic
A Record @ 192.30.252.154 Automatic
CNAME Record www myusername.github.io. Automatic

我添加了一个仅包含域名的CNAME文件。

我按照此处的说明将CNAME文件添加到了我的react应用的公共文件夹中。

我进入github设置并设置了域名。 当前带有复选标记，表示我的网站已发布。

转到我的网站这里会出现404错误。 我还应该做什么？

Answer 1

它绝对不会提供404。似乎到已加载的js / css文件的某些链接格式错误，但index.html加载就很好。

您应该记住，您的ISP和计算机都试图缓存有关给定域名应路由到的位置的信息。 有时这可能意味着将缓存目标IP的路径，并会在添加新的CNAME之后立即向您显示过期资源。

大多数ISP保证在48小时内刷新相关的缓存。 如果您需要检查得更快，那么在完成所有设置后，我会尝试查找其他互联网连接和设备来访问该页面。 智能手机对此无价之宝，只需确保关闭wifi。

Answer 2

尝试在github项目页面上使用create-react-app设置自定义域时遇到类似的问题。

一个对我有用的简单解决方案是：

1. 在“公用”文件夹中添加仅包含域的“ CNAME”文件（以“ www”开头，不带“ https：//”）；

2. 将“ package.json”文件中的主页从“ https://xxx.github.io/xxx ”更改为您使用“ https：//”放置在“ CNAME”文件中的域；

3. 在Git Bash中，遵循基本步骤'git add。'，'git commit -m“ change”'，'git push origin master'更新更新；

4. 仍然在Git Bash中，运行“ npm run deploy”，然后在浏览器中键入域（清除以前的历史记录），它将显示可爱的“欢迎使用React”页面。

问候，