reactjs - 从每个 url 和刷新时重定向到主页
问题描述
当我刷新页面或键入 URL 的路径或单击指向站点的链接时,我总是会到达主页。我使用调试器跟踪了路径,首先我到达了正确的页面,它出现了,然后我到达了主页。
应用程序.js:
<div className="wrapper">
{localStorage.email != "" ?
(
<AuthProvider>
<Router>
<div>
<Switch>
<div className="wrapper">
<Route render={MainComponent} />
</div>
</Switch>
</div>
</Router>
</AuthProvider>
) : (
<AuthProvider>
<Router>
<div>
<Switch>
<div className="wrapper">
<Route path="/login" exact render={LoginComponent} />
<Route path="/signup" exact component={SignUpComponent} />
<Route path="/forgetpass" exact render={ForgetPassComponent} />
<Redirect from='*' to='/login' />
</div>
</Switch>
</div>
</Router>
</AuthProvider>
)}
</div>
主.js:
<div className="content">
<Redirect exact from='/login' to='/' />
<Redirect exact from='/signup' to='/' />
<Route exact path="/" render={publicComponent} />
<Route exact path="/other" render={otherComponent} />
</div>
解决方案
推荐阅读
- c# - c# 将字节数组重新解释为短裤数组
- postgresql - 如何使用多列和顺序索引 Postgresql 查询
- laravel - 如何有条件地更改模型关系值
- node.js - findByID() id 返回空值
- java - 如何使用带有套接字回调的观察者?
- vb.net - 如何使用 VB.Net 访问另一台计算机上的 MyAdmin 数据库?
- javascript - 使用不同的上下文使用复选框进行单独的 jquery ajax 调用
- mysql - 与带有时间戳的订单相比,MySQL 在“ORDER BY id DESC LIMIT 100”上的执行速度较慢
- python - 列名称的 sqlalchemy 别名也保留原始名称
- c - 无法在循环中连续获取字符