【问题标题】:Custom domain using create-react-app for github pages为 github 页面使用 create-react-app 的自定义域
【发布时间】:2018-02-28 20:31:05
【问题描述】:

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

我按照article 中的步骤操作,所以我的设置如下所示:

A Record@192.30.252.153Automatic
A Record@192.30.252.154Automatic
CNAME RecordCNAME Recordwww333@@98654334@333@98654334

我添加了一个CNAME 文件,其中只有我的域名。

我将CNAME 文件作为here 状态的说明添加到我的react 应用程序的公共文件夹中。

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

访问我的网站 here 会出现 404 错误。我还应该做什么?

【问题讨论】:

    标签: reactjs dns github-pages


    【解决方案1】:

    尝试在 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”页面。

    问候,

    【讨论】:

      【解决方案2】:

      它肯定不会给出 404。似乎您加载的 js/css 文件的某些链接格式不正确,但 index.html 加载正常。

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

      大多数 ISP 保证在 48 小时内刷新相关缓存。如果您需要比这更快的检查,我会在您完成所有设置后尝试找到不同的互联网连接和设备来访问该页面。智能手机在这方面是无价的,只要确保 wifi 已关闭。

      【讨论】:

      • 它之前给出了 404。现在它只是一个空白页。所以我应该等待变化吗?这是我第一次处理自定义域。
      • 空白页是因为您的导入格式错误。打开开发工具面板(右键单击并单击 inspect,或 chrome 中的 CTRL-SHIFT-I),然后导航到“网络”选项卡。刷新页面,您将看到索引尝试导入的文件。这些文件出现 404 错误。我们知道这些 404 不是 CNAME 的结果(因为加载了 index.html),所以它一定意味着文件名和/或路径不正确。
      • 我明白了。感谢您的帮助。我检查了我的package.json,发现它正在部署到我的旧 github pages 站点。
      猜你喜欢
      • 1970-01-01
      • 2012-11-29
      • 1970-01-01
      • 2012-02-03
      • 2021-07-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-23
      相关资源
      最近更新 更多