首页 > 解决方案 > 从每个 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>

标签: reactjsreact-router

解决方案


推荐阅读