使用create-react-app为github页面定制域

Question

我不确定我做错了什么。我已经按照所有步骤设置了自定义域名，但也许我错过了一些内容。

我按照此article中的步骤操作，因此我的设置如下所示：

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

我添加了一个CNAME文件，其中只包含我的域名。

我将CNAME文件添加到我的反应应用的公共文件夹中，作为说明here说明。

我转到了我的github设置并设置了域名。它目前有一个复选标记，表示我的网站已发布。

转到我的网站here会出现404错误。我该怎么办？

Answer 1

它肯定没有给出404.似乎你加载的js / css文件的一些链接格式不正确，但index.html加载得很好。

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

大多数ISP保证在48小时内刷新相关缓存。如果您需要检查更快，我会尝试找到一个不同的互联网连接和设备，以便在完成所有设置后访问该页面。智能手机对此非常宝贵，只需确保关闭wifi即可。

Answer 2

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

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

1. 在“public”文件夹中添加“CNAME”文件，只包含此文件中的域（以“www”开头，不带“https：//”）;

2. 将“package.json”文件中的主页从“https://xxx.github.io/xxx”更改为您在“CNAME”文件中添加“https：//”的域名;

3. 在Git Bash中，按照基本步骤'git add。'，'git commit -m“change”'，'git push origin master'来更新更改;

4. 在Git Bash中，运行“npm run deploy”，然后在浏览器中输入域名（清除以前的历史记录），它应该显示可爱的“欢迎来到React”页面。

此致