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

Posted 2023-02-21

【中文标题】如何从通配符路由重定向到主页？

【英文标题】：How can I redirect from wildcard routes to the home page?

【发布时间】：2019-03-29 05:46:22

【问题描述】：

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

我点击了这个链接：

React-Router: No Not Found Route?

但是当我想更改任何路由路径时，它会将我独立移动到 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>

【参考方案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>

【讨论】：

是的，它可以工作，但是当我使用此重定向时，我的徽标图像无法正确加载，当我更改为其他 url 并返回“/”时，图像已正确加载。我收到此错误：'GET localhost:3000/fotobudka/logo_studio.png 404（未找到）'