javascript - 反应我如何重定向主页？

Question

我的问题是我有这样的路线但是当我尝试例如 http://localhost:3000/examp1 我只想重定向到主页当我写东西时我该怎么做 http://localhost:3000/** * 我去页面但没有显示我如何检测以及如何重定向主页？有人帮忙吗？

      <Router>
          <Switch>
            <Route path='/' component={Home} exact />
            <Route path='/xyz' component={asf} exact />
            <Route path='/asd' component={asd} exact />
            <Route path='/fasd/:slug' component={asd} exact />
            <Route path='/asd' component={asd} exact />
            <Route path='/asd/:slug' component={asd} exact />
            <Route path='/asd' component={asd} exact />
            <Route path='/asd' component={fas} exact />
            <Route path='/asd' component={fasd} exact />


          </Switch>
      </Router>

标签： javascripthtmlcssreactjsreact-router-dom

Answer 1

您可以简单地使用 react-router-dom 库的 Redirect 组件。

<Router>
    <Switch>
        <Route path='/' component={Home} exact />
        <Route path='/xyz' component={asf} exact />
        <Route path='/asd' component={asd} exact />
        <Route path='/fasd/:slug' component={asd} />
        <Route path='/asd' component={asd} exact />
        <Route path='/asd/:slug' component={asd} />
        <Redirect to="/" />
    </Switch>
</Router>