如何在 Github 页面上托管我的 React 应用程序而不被重定向？

Question

我已将主页、预部署和部署属性添加到我的 package.json 文件，link将我的应用程序添加到我的 github 和运行 npm 运行部署。终端指示成功，然后当我转到我的 Gitpages URL 时，我得到以下信息：https://joe-dp.github.io/mh-app/

有人知道 link 将我重定向到 React 信息页面的原因吗？

Answer 1

在 Repo → Settings → Pages → Sources 下，select gh-pages 分支
将您构建的应用程序（例如 dist）放在要提供的 gh-pages 分支的根目录下

您可能希望自动执行此操作，使用 GitHub Actions 即可轻松完成。

以下示例使用 JamesIves/github-pages-deploy-action，每次在主分支上进行更改时构建部署您的应用程序。

只需在主分支的 .github/workflows/deploy-gh-pages.yml 中创建一个文件，然后填充它：

name: Build and Deploy to GH Pages
on: 
  push:
  workflow_dispatch:
permissions: 
  contents: write
jobs:
  build-and-deploy:
    concurrency: ci-${{ github.ref }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Install and Build
        run: |
          yarn
          yarn build
      - name: Deploy
        uses: JamesIves/github-pages-deploy-action@v4.3.3
        with:
          branch: gh-pages
          folder: dist

提交您的文件，该操作将运行自动进行，几分钟后您的应用程序将在 GH Pages

上发布

如果您想查看 real-world 示例，我在 this project 中做了类似的事情。

如何在 Github 页面上托管我的 React 应用程序而不被重定向？

How do I host my React app on Github pages without getting redirected?

github

node.js

reactjs