Question

我有一个在本地运行的ReactJS应用，我按照Firebase网站上的说明进行操作

https://medium.com/@devesu/host-a-react-based-website-free-of-cost-with-firebase-hosting-and-connect-with-your-own-domain-53146731807f

一切都按计划进行，但是当我按照提供的链接进行操作时没有错误

https://hydrometric-54ec0.web.app

或

https://hydrometric-54ec0.firebaseapp.com/

我得到一个默认的Firebase页面，而不是我的应用程序，我认为我的firebase.json在下面缺少了一些东西

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 1

如果您要在 Firebase 中部署任何 React 项目。寻找以下步骤。

一旦通过npm run build完成反应构建
执行firebase init
选择托管
然后CLI将要求提供公共目录-写入build并按Enter。
将所有网址重写为/index.html-类型Yes
文件build / index.html已经存在。是否覆盖？-输入No，否则它将使用Firebase默认索引覆盖索引文件。

在firebase deploy之前，请执行以下操作。将此代码替换为firebase.json

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

然后在您的反应package.json中为homepage

做空白路径

"homepage": ""

现在您可以去firebase deploy

尝试使用FirebaseCLI部署ReactJS项目

1 个答案: