时间戳

首页 > 解决方案 > 如何使用 github-pages 在 github 上托管 express 页面？

github - 如何使用 github-pages 在 github 上托管 express 页面？

问题描述

我一直在尝试将一个简单的基于快递的网站发布到 Github 页面。以前，我可以使用“主页”、“预部署”、“部署”和纱线构建命令发布基于反应的前端网站。我知道 react-scripts 构建负责“process.env.PORT”并且能够获取它，我如何为快速后端复制类似的过程。我一直在搜索互联网和网络，但是，以前的问题，我发现它们已经过时了。任何帮助将不胜感激。

react 工作的 package.json 如下所示：

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "homepage": "https://{github_username}.github.io/{github_repo}/",
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "gh-pages": "^3.1.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "yarn build",
    "deploy": "gh-pages -d build"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

标签： githubgithub-pages

解决方案

Github 页面不允许您托管动态内容。gh-pages 包创建了一个新的分支并上传静态内容，从而产生了它正在动态托管 React 应用程序的错觉，即使它运行的是 HTML、CSS 和仅客户端 JS。

推荐阅读