Javascript 如何使用嵌套哈希路由器？

我需要创建两个页面
1->登录页面（包含注册、忘记密码）。
2->带有侧栏的主页（包含兑现、兑现）。
我使用嵌套的react路由器进行导航。如果我对登录页面使用BrowserRouter，对主页使用HashRouter，它在本地运行良好，但部署到Github页面后浏览器路由器不工作。所以我在登录页面和主页上都尝试了HashRouter。现在它甚至不在本地工作

**Index.js**  
```import {HashRouter as Router,Route,Switch} from 'react-router-dom';  
< Router>   
< Switch >
< Route path='/' exact={true} component={Login} >< /Route >  
< Route path='/homepage' exact={true} component={HomePage}></Route>  
< Route path='/signup' exact={true} component={Signup}></Route>  
< Route path='/forgot' exact={true} component={ForgotPassword}></Route>  
< /Switch>  
< /Router>  

**HomePage.js**  
import {HashRouter as Router,Route,Switch} from 'react-router-dom';  
           < Router >  
                < li key={0} className='nav-text'>  
                  < Link to="/">  
                  < AiIcons.AiFillHome />  
                    < span>DashBoard</span>  
                  < /Link>  
                < /li>  
                < li key={1} className='nav-text'>  
                  < Link to="/cashin">  
                  < GiIcons.GiPayMoney />  
                    < span>CashIn</span>  
                  < /Link>  
                < /li>  
                < li key={2} className='nav-text'>  
                  < Link to="/cashout">  
                  < GiIcons.GiReceiveMoney />,  
                    < span>Cashout</span>  
                  < /Link>  
                < /li>  
        < Switch>  
          < Route path="/" exact component={LazyLoad} />  
          < Route path="/cashin" component={CashIn} />  
          < Route path="/cashout" component={CashOut} />  
        < /Switch>  
      < /Router>  ```

**Index.js**
```从“react Router dom”导入{HashRouter as Router，Route，Switch}；
<路由器>







**首页：js**
从“react Router dom”导入{HashRouter as Router，Route，Switch}；
<路由器>



仪表板





兑现




，
兑现







```

我正在通过访问我的登录页面
导航到主页（）后，如果单击侧栏中的dashboard链接，它将再次重定向到登录页面

任何帮助都将不胜感激