reactjs - 仅当尝试通过地址栏访问路由时，Firebase 上托管的 React 路由器应用程序才会出现 404 错误

Question

我有一条路线https://playlists-22855.firebaseapp.com/client/create，当尝试通过单击“主题”链接进行访问时，我可以很好地进行访问。但是当我尝试通过地址栏直接访问该路由时，出现 404 错误。我想知道如何更正我的代码，可以找到here on codesandbox 。另一个有趣的事情是，代码在codesandbox上运行得很好，正如预期的那样，但那里有一个创建 react 应用程序的应用程序，而我的不是。谢谢。

Answer 1

我也遇到了这个问题 - 我通过将我的应用程序配置为单页应用程序来修复它。当您最初执行 firebase init 时，您可以选择此选项。现在，您可以通过手动更改 firebase.json 文件来做到这一点。

您想将其添加到 firebase.json

"rewrites": [
  {
    "source": "**",
    "destination": "/index.html"
  }
]

所以你的 firebase.json 看起来像这样

{
  "hosting": {
    "target": "your-app-name",
    "public": "your-build-directory",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}