GitHub 页面自定义域 404

Question

所以基本上，我购买了 nexus-cheats.com 的自定义域，然后将其连接到我 archiemourad.github.io/Nexus 的 GitHub 页网站 (/ Nexus 是主页）。我输入了自定义域并设置了 DNS，进行了 DNS 检查，一切似乎都正常（下图）（我的网站正在使用 React.js）现在，加载域时 nexus-cheats.com 它把我带到一个空白页面，它“似乎”以某种方式工作它加载选项卡标题但没有其他内容。在控制台中有一堆与 cookie 相关的警告。但没有错误。当我转到 nexus-cheats.com/Nexus 时，我得到默认的 GitHub 页 404。并出现两个错误。一个是加载我的 favicon.ico（Tab 徽标）错误 => Content Security Policy: The page’s settings blocked the loading of a resource at https://nexus-cheats.com/favicon.ico (“img-src”). 另一个是服务器 GET 404 错误 => GEThttps://nexus-cheats.com/NexusALTHOUGH 加载 nexus-cheats.com/Nexus 并返回 nexus-cheats.com 我又收到两个错误，都是无法在我的 React 应用程序中加载某些文件。错误 => GET https://nexus-cheats.com/Nexus/static/js/main.89be2f5c.js GET https://nexus-cheats.com/Nexus/static/css/main.1bf437ff.css 这些（我假设）是我的 GitHub 页面网站运行的构建版本。有人知道解决方案吗？或者问题出在哪里？

DNS 配置： 我的 A: 记录设置为 185.199.108.153 我的 CNAME: 记录指向 archiemourad.github.io。 (www)

Answer 1

----编辑：已解决，但为简洁起见，我保留了所有原始文本---

我现在遇到了完全相同的错误和情况。

我还没有答案，但看起来 React 现在正在尝试将 %PUBLICURL% 连接到错误的位置。这来自我的 /public/index.html 文件。

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    ...
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    
    ...
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    
  </body>
</html>

为了记录，我删除了不相关的代码并添加了 ...。

在本地，我浏览器开发人员工具中的网络选项卡显示：

http://localhost:3000/{project-name}/manifest.json

但是，当我按照您的方式托管它时（在我添加自定义域之前它可以正常工作），它 returns:

{my-custom-domain}/{project-name}/manifest.json

/public/index.html 文件已加载，但无法访问它正确调用的其他文件。

index.html 似乎在 %PUBLICURL% 的地址中添加了一个额外的部分。也就是说，我的意思是 %PUBLICURL% 在自定义域和它试图访问的文件之间添加了 {project-name}。我的 url 应该是：

{my-custom-domain}/manifest.json

我可以编辑开发人员工具中的值以删除该部分，然后文件将加载。但是，这仍然没有解决问题。

--------编辑：解决了问题--------

我不确定是否需要进行上述更改，但我确实从 /public/index.html 文件中删除了 %PUBLICURL%。

现在是好的部分 - 修复！

在您的 package.json 中，务必更改：

"homepage": "your-github-url"

至：

"homepage": "your-fancy-new-custom-domain"

保存起来，然后运行你的构建脚本包含在我找到的大部分资源中（像这样：https://create-react-app.dev/docs/deployment/#step-2-install-gh-pages-and-add-deploy-to-scripts-in-packagejson）：

npm run deploy

这将更新您的项目，post它到您的 GitHub，然后部署它。然后只需检查您的设置是否与您最初 post 在 GitHub 页面上编辑的图像相同，它应该可以工作！

GitHub 页面自定义域 404

GitHub pages custom domain 404

github

nexus

github-pages

reactjs