部署在firebase中的React应用程序存在路由问题

Question

这是我正在使用reactjs开发的页面（https://orioncruz.site） 部署在 firebase 上。

使用自定义网址（如 https://orioncruz.site/casestudy 或 https://orioncruz.site/process）时，会弹出 Firebase 消息。

但我可以通过网站上的导航栏进行导航。

这是 github 的链接https://github.com/70Ni/orizoncruz

在开发网络上，标头请求始终会发送至 https://orioncruz.site/

Answer 1

您需要通知 firebase.json 您的 index.html 是单页应用程序（SPA），因此您的 React 路由器将从那里引导

firebase.json

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