大佬教程收集整理的这篇文章主要介绍了在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让用户在输入例如 www.page-url.com/about-us 时访问特定页面,而不是通过 www.page-url.com 然后在导航栏中选择关于我们。当我输入 www.page-url.com/about-us 时,出现 404 错误(找不到页面)。如何防止这种行为?我尝试了与 SO 上的问题不同的解决方案,但都没有奏效。
路由器代码:
<Router >
<MobileNavbar />
<Navbar />
<Switch>
<Route path='/' exact component={HomE} />
<Route path='/om-oss' component={AboutUs} />
<Route path='/sponsorar' component={Sponsor} />
<Route path='/bli-sponsor' component={BecomeSponsor} />
<Route path='/bli-medlem' component={BecomeMember} />
<Route path='/admin' exact component={admin} />
<Route path='/admin-login' exact component={adminLogin} />
<Route path="/admin/bytt-passord" exact component={ChangeCreds} />
<Route path="/admin/medlemer" exact component={Members} />
<Route path="/til-foreldre" component={Parents} />
<Route path="/kalendar" component={Calendar} />
<Route path="/admin/kalendar" exact component={adminCalendar} />
</Switch>
<Footer />
</Router>
当用户输入一些您不支持的路线时,您可以拥有一个全部路线。将此添加到您的 Switch 底部。
<Route path='*'><someComponent /></Route>
Catch All Routes
以上是大佬教程为你收集整理的在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?全部内容,希望文章能够帮你解决在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。