如何解决反应路由器 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 举报,一经查实,本站将立刻删除。