当我重新加载基于Firebase的React应用程序时，出现404页未找到错误

Question

我已经在firebase上部署了我的react应用程序，当我重新加载页面时，它会显示以下页面。

Firebase.json

{
  "hosting": {
    "public": "build",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
  }
}

不是单页应用

Answer 1

添加以下rewrites规则：

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

这将确保Firebase将为您请求的任何路由提供服务。