部署一个反应应用@username.github.io答案

【问题标题】：Deploying a react app @ username.github.io部署一个反应应用@username.github.io
【发布时间】：2018-06-12 07:12:57
【问题描述】：

我正在尝试在username.gihub.io 部署一个 React 应用程序

有两个主要问题

每当我尝试构建一个与 gh-pages 和将其部署到分支 gh-pages。
Gihub 总是从分支 master 提供服务，如果 repo 名称是 username.github.io（无法更改）

有没有人在这个 url 中部署了 react 应用程序。如果是这样，请告诉我你是怎么做到的？

（除了将构建文件夹拖放到 master 之外）

图片：

【问题讨论】：

如果您使用gh-pages 进行部署，它将创建一个新分支并从那里提供给网页。 gh-pages 不服务于主人。如果您想从 master 服务，那么您必须将您的构建上传到 master 并手动设置分支。如果您想更改网址，则需要购买自己的域名，但默认情况下，您的托管网址为username.github.io/project-name。
请参考上传的图片。
现在，我已经删除了 gh-pages 中的文件，所以你不会找到任何文件，但它之前就在那里。
也许这个链接可以解决你的问题。 > pages.github.com

标签： reactjs github github-pages

【解决方案1】：

现在使用 GitHub 进行部署的最简单方法是从页面末尾找到 here 的 docs 文件夹中的新部署。

您应该能够调整您的应用程序以在 docs 文件夹中运行构建，这比尝试让常规 github 页面在 imo 上运行更容易。

为了快速进行完整性检查，您还可以将您的应用拖到 /docs 中

【讨论】：

【解决方案2】：

首先创建一个develop 分支，从master 拉取所有代码，然后清空master 分支项目。使用安装依赖项在 develop 分支上工作，使用本地测试然后运行：

npm run build
npm run deploy

开发完成后，checkout到master分支并运行：

pull origin gh-pages branch
git add .
git commit -m "your massage" 
git push origin master

现在您可以查看您的username.github.io。

【讨论】：

【解决方案3】：

我也有同样的疑问，我正在按照https://www.taniarascia.com/getting-started-with-react/ 的步骤进行操作构建和部署，所以我只是去了我的 repo > settings > GH Pages > Serve from gh-pages 分支，它在没有进一步配置的情况下工作。

【讨论】：