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

Question

我添加了一個主頁，將屬性預部署和部署到我的 package.json 文件中，將我的應用程序鏈接到我的 github 並運行 npm run deploy。 終端指示成功，然后當我轉到我的 Gitpages URL 時，我得到以下信息： https ://joe-dp.github.io/mh-app/

有沒有人知道為什么鏈接會將我重定向到 React 信息頁面？

Answer 1

1. 在 Repo → Settings → Pages → Sources 下，選擇gh-pages分支
2. 將您構建的應用程序（例如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 上運行🚀

如果你想看一個真實的例子，我正在這個項目中做類似的事情。