代码之家 › 专栏 › 技术社区 › SayJeyHi

带http服务器的React路由器

httpserver react-router reactjs

SayJeyHi · 技术社区 · 6 年前

我们用 react-roucter-dom 具有 http-server ,当用户加载主页面并单击导航链接时,新页面将完全加载,但当用户刷新该路由中的页面时,将返回404。意思是HTML5 pushState 不工作 http服务器 .

例子:

<Router>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/topics" component={Topics} />
</Router>

如果用户转到 /about 翻页刷新,会出现404错误

有办法解决这个问题吗?

2 回复 | 直到 6 年前

Soroush Chehresa TommyF 6 年前

你应该使用其他支持HTML5历史API的包,比如 http-server-spa 相反 http-server .

ManavM 6 年前

由于应用程序是单页应用程序,因此会发生错误,这意味着您的整个站点数据都加载到 / 路线。这意味着,如果您试图访问任何其他页面,而不首先通过 / 路线,然后它就会失败。

泰勒·麦金尼斯 Blog Post 关于解决这个问题的各种方法。

推荐文章

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

5 月前

DisLido · 如何在splat路由中使用react-router-Link?

6 月前

Shanu k k · 无法加载文件“”/dom'来自模块'react-router'-react router dom

7 月前

The KNVB · 导航“到”是否支持二级转发?

7 月前

Darsh. S. · 一旦用户从react中的私有路由中注销,我如何防止react组件的可访问性?

11 月前

Zoro0101 · 我已经开始学习在react中创建Routes,但我被一个代码所震惊,在这个代码中,主页的各种内容都不在一个组件中

11 月前

Asif Jafry · React路由器显示空白页

11 月前

Aaron Tauro · useLocation钩子错误:“useLocation()只能在React应用程序中的<Router>组件的上下文中使用”

1 年前

NietTeDoen · 未找到React在此服务器上未找到请求的URL

1 年前

ShashidharM · React Redirect在本地工作,但在Vercel上为404

1 年前