反应路由器 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 (将#修改为@）

javascript react-router-dom reactjs reactjs