如何从通配符路由重定向到主页？

Question

我想从任何 * 路由重定向到我的主页，因为我想将 url 更改为“/”。

我跟着这个链接：

React-Router：没有未找到的路由？

但是当我想更改任何路由路径时，它会将我独立移动到 url '/'

<Route exact path="/" component={MMPStudio} />
<Route exact path="/galeria" component={Gallery} />
<Route exact path="/kontakt" component={Contact} />
<Route exact path="/fotobudka" component={Fotobudka} />
<Route exact path="/jubiler" component={Jubiler} />{" "}
<Route exact path="/fotobudka/kontakt" component={FotobudkaContact} />
<Route exact path="/jubiler/galeria" component={JubilerGallery} />

<Switch>
    <Route exact path="/" component={MMPStudio} />
    <Redirect from="*" to='/' />
</Switch>

Answer 1

我认为你的开关应该包装整个事情：

   <Switch>
      <Route exact path="/" component={MMPStudio} />
      <Route exact path="/galeria" component={Gallery} />
      <Route exact path="/kontakt" component={Contact} />
      <Route exact path="/fotobudka" component={Fotobudka} />
      <Route exact path="/jubiler" component={Jubiler} />
      <Route exact path="/fotobudka/kontakt" component={FotobudkaContact} />
      <Route exact path="/jubiler/galeria" component={JubilerGallery} />
      <Redirect from="*" to='/' />
    </Switch>