程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误??

开发过程中遇到在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?的问题如何解决?下面主要结合日常开发的经验,给出你关于在浏览器中直接输入 url (react-router-dom) 时如何修复 404 错误?的解决方法建议,希望对你解决在浏览器中直接输入 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,请注明来意。