微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

反应路由器 dom 尾部斜杠给出错误而不是转到 404 页面

如何解决反应路由器 dom 尾部斜杠给出错误而不是转到 404 页面

我通过 react-router-dom 组件使用 Route。一切正常,包括如果页面不存在,则应用程序会转到 404 页面。一切都很好,直到我在 url 的末尾添加一个斜杠并且屏幕变为空白并在 console 中出现 404 错误。例如,此 http://localhost/random 不存在并转到 404 页面,但就像我执行 http://localhost/random/ <--- this slash 一样,它破坏了一切。我希望这个 url 也可以转到 404 页面或转到现有页面

<Switch>
  <Route exact path="/path-extra">
    <Redirect to="/path-redirected" />
  </Route>
  <Route
    path="/path-one"
    component={PathOne}
  />
  <Route
    path="/path-two"
    component={PathTwo}
  />
  <Route render={() => <RoutingError errorCode="404" />} />
</Switch>

我在控制台中收到的错误,如果我输入 http://localhost/random/

GET http://localhost/js/main.5d5472a1.bundle.js?f6bb2549a0dc1a3342b0 net::ERR_ABORTED 404 (Not Found)

有没有办法确保任何路径,无论是否以斜线结尾,都不会破坏任何内容并采取相应行动?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。