本地和 firebase 之间的不同反应路由结果

Question

当我完成我的基本路由结构并在 Localhost 上测试它时，一切正常。

我的代码：

const Routes = () => {

  return (
    <Router>
      <Header />
      <Switch>
        <Route exact path="/" component={Home} />
        <Route exact path="/groups" component={AllGroups} />
        <Route exact path="/discussion" component={Discussion} />
        <Route exact path="/group" component={Group} />
        <Route exact path="/profile" component={Profile} />
        <Route exact path="/search" component={Search} />
      </Switch>
    </Router>
  )
}

然而，当我将它部署在 Firebase 上时，一切都变得一团糟：

例如，我在 http://localhost:3000/search 上得到了这个页面。

但是在 Firebase（Home 组件）上得到了这个。

others, groups, group 可以，但是discussion, profile, search 也会显示Home组件。

我做错了什么？

Answer 1

嗯，事实证明 Firebase 需要一些时间来编译，就像 Heroku 一样。

今天早上我再次输入'/search'，可以得到正确的结果。

本地和 firebase 之间的不同反应路由结果

Different react routing result between local and firebase

reactjs

react-router

firebase-hosting