Github页面上React.js网站的基本URL

Question

我正在部署我在Github页面上使用React.js创建的投资组合网站。

所有教程都将以下URL作为主页的URL：

{
  ...
  "homepage": "https://myusername.github.io/my-app",
  ...
}

因此，要打开该网站，URL将为https://myusername.github.io/my-app。使用纯JavaScript部署时，是否有可能将URL仅重命名为https://myusername.github.io/？

我尝试过

{
  ...
  "homepage": "https://myusername.github.io/",
  ...
}

已经。它仅呈现README.md。

链接：https://github.com/Shubhayu-Das/portfolio和https://github.com/Shubhayu-Das/Shubhayu-Das.github.io

编辑：我正在使用gh-pages来构建应用程序并将其部署到Github Pages。

Answer 1

我想这是一个普遍的问题。我相信您的CI是从master分支部署的，但它必须是从gh-pages分支部署的。在Project Settings中，您必须选择正确的分支。目前，我认为应该是这样的：

但是您应该使用gh-pages分支或将build目录内容上载到名为docs的目录中，并使用如下所示的正确选项：

希望这可以帮助您找到问题并解决。

Answer 2

我分叉了您的仓库，并重建并重新部署了您的项目，这似乎为我解决了这个问题。

这些是我分叉和克隆后使用的命令：

1. npm install
2. npm run build
3. npm run deploy

我还必须根据我的存储库更改homepage属性，但是您不需要这样做。

您可以在以下位置签出：https://github.com/AdityaSrivast/Shubhayu-Das.github.io

希望有帮助！

Answer 3

我在以下帖子中找到了我想要的解决方案 https://medium.com/@hannawerman/deploy-your-react-app-on-github-pages-a1d4cfdc88e9

希望这会有所帮助！