github 页面使用 create-react-app 的自定义域
Custom domain using create-react-app for github pages
我不确定我做错了什么。我已经按照所有步骤设置自定义域名,但也许我遗漏了一些东西。
我按照 article 中的步骤操作,所以我的设置如下所示:
A Record
@
192.30.252.153
Automatic
A Record
@
192.30.252.154
Automatic
CNAME Record
www
myusername.github.io.
Automatic
我添加了一个 CNAME
文件,其中只有我的域名。
我按照说明 here 状态将 CNAME
文件添加到我的 React 应用程序的 public 文件夹中。
我进入 github 设置并设置域名。它目前有一个复选标记,表明我的网站已发布。
访问我的站点 here 出现 404 错误。我还应该做什么?
它绝对不会给出 404。似乎您加载的 js/css 文件的某些链接格式不正确,但 index.html 加载正常。
您应该记住,您的 ISP 和您的计算机都会尝试缓存有关给定域名应路由到何处的信息。这有时可能意味着目标 IP 的路径被缓存,并会在添加新的 CNAME 后立即向您显示过时的资源。
大多数 ISP 保证在 48 小时内刷新相关缓存。如果您需要比这更快地检查,我会在您设置完所有内容后尝试找到不同的互联网连接和设备来访问该页面。智能手机对此非常有用,只需确保 wifi 已关闭。
我在 github 项目页面上尝试使用 create-react-app 设置自定义域时遇到了类似的问题。
一个对我有用的简单解决方案是:
在"public"文件夹中添加一个"CNAME"文件,文件中只有域名(以"www"开头,不带"https://");
将 "package.json" 文件中的主页从“https://xxx.github.io/xxx”更改为您在 "CNAME" 文件中使用 "https://" 设置的域名;
在GitBash中,按照'git add .'、'git commit -m "change"'、'git push origin master'的基本步骤更新更改;
In Git Bash still, 运行 "npm run deploy", 然后在浏览器中输入域(清除以前的历史记录),它应该显示上可爱的 "welcome to React" 页面。
此致,
我不确定我做错了什么。我已经按照所有步骤设置自定义域名,但也许我遗漏了一些东西。
我按照 article 中的步骤操作,所以我的设置如下所示:
A Record
@
192.30.252.153
Automatic
A Record
@
192.30.252.154
Automatic
CNAME Record
www
myusername.github.io.
Automatic
我添加了一个 CNAME
文件,其中只有我的域名。
我按照说明 here 状态将 CNAME
文件添加到我的 React 应用程序的 public 文件夹中。
我进入 github 设置并设置域名。它目前有一个复选标记,表明我的网站已发布。
访问我的站点 here 出现 404 错误。我还应该做什么?
它绝对不会给出 404。似乎您加载的 js/css 文件的某些链接格式不正确,但 index.html 加载正常。
您应该记住,您的 ISP 和您的计算机都会尝试缓存有关给定域名应路由到何处的信息。这有时可能意味着目标 IP 的路径被缓存,并会在添加新的 CNAME 后立即向您显示过时的资源。
大多数 ISP 保证在 48 小时内刷新相关缓存。如果您需要比这更快地检查,我会在您设置完所有内容后尝试找到不同的互联网连接和设备来访问该页面。智能手机对此非常有用,只需确保 wifi 已关闭。
我在 github 项目页面上尝试使用 create-react-app 设置自定义域时遇到了类似的问题。
一个对我有用的简单解决方案是:
在"public"文件夹中添加一个"CNAME"文件,文件中只有域名(以"www"开头,不带"https://");
将 "package.json" 文件中的主页从“https://xxx.github.io/xxx”更改为您在 "CNAME" 文件中使用 "https://" 设置的域名;
在GitBash中,按照'git add .'、'git commit -m "change"'、'git push origin master'的基本步骤更新更改;
In Git Bash still, 运行 "npm run deploy", 然后在浏览器中输入域(清除以前的历史记录),它应该显示上可爱的 "welcome to React" 页面。
此致,