使用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”頁面。

問候，