Question

我有一个类似的路由器

  <React.Fragment>
    <Switch>
      <Route exact path="/page1" component={Page1} />
      <PrivateRoute path="/page2" component={Page2} />
      <PrivateRoute path="/page3" component={Page3} />
      <Route path="*" component={NotFound} />
    </Switch>
  </React.Fragment>

但是，当我启动我的应用程序时，它无法在Page1中打开。它以空白页打开。我该如何提供？

谢谢

Answer 1

您可以使用Redirect到/的{{1}}组件：

/page1

Answer 2

在顶部（或任意位置）添加“根”路由

  <React.Fragment>
    <Switch>
      <Route exact path="/" component={Page1} >
        <Redirect to="/page1" />
      </Route>
      <Route exact path="/page1" component={Page1} />
      <PrivateRoute path="/page2" component={Page2} />
      <PrivateRoute path="/page3" component={Page3} />
      <Route path="*" component={NotFound} />
    </Switch>
  </React.Fragment>

如何启动特定页面的应用程序？

2 个答案: