我的应用程序有2个不同的部分，第一部分是站点，另一部分是管理面板，在这种情况下，我已嵌套了带有react router dom的路由，但是我无法处理找不到用于面板的url的页面；例如我想/ dashboard / something重定向到未找到的页面，我的路由在下面：
<Switch>
{/* portal */}
<Route exact path='/' component={Portal} />
<Route path="/landing" component={Portal} />
<Route path="/login" component={Portal} />
<Route path="/callback" component={Callback} />
<Route path="/activation" component={Portal} />
<Route path="/confirmation" component={Portal} />
<Route path="/opportunities/:id" component={Portal} />
<Route path='/panel' component={Portal} />
<Route path='/electiondetails/:id' component={Portal} />
<Route path='/errors' component={Portal} />
{/* election panel */}
<Route path='/electionpanel' component={Portal} />
{/* dashboard */}
<Route path='/dashboard' component={Index} />
<Route path='/dashboard/login' component={Index} />
<Route path='/dashboard/cartable/requests' component={Index} />
<Route path='/dashboard/elections-management' component={Index} />
{/* not found */}
<Route path="/404" component={Portal} />
<Redirect from="/**/" to="/404"></Redirect>
</Switch>
/dashboard/something 始终与以下路线匹配：
<Route path='/dashboard' component={Index} />
因此，将向您展示该Index组件。如果您需要通过这条路线并显示404页面，则应将其标记为exact：
<Route exact path='/dashboard' component={Index} />
另外，您无需重定向到该404页面，只需添加一个notRoute即可path：
更换
<Route path="/404" component={Portal} />
<Redirect from="/**/" to="/404"></Redirect>
与
<Route component={Portal} />
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句