react-router4路由配置问题
目前缺陷代码如下
render(){
return (
<HashRouter>
<App>
<Switch>
<Route path="/login" component={Login}/>
{/* <Route to="/transition" component={Transition}/> */}
<Route path="/" render={()=>
<Admin>
<Switch>
<Route path='/home' component={Home} />
<Route path="/ui/buttons" component={Buttons} />
<Route path="/ui/modals" component={Modals} />
<Route path="/ui/loadings" component={Loadings} />
<Route path="/ui/notification" component={Notice} />
<Route path="/ui/messages" component={Messages} />
<Route path="/ui/tabs" component={Tabs} />
<Route path="/ui/gallery" component={Gallery} />
<Route path="/ui/carousel" component={Carousel} />
<Redirect to="/home" />
<Route component={NoMatch} />
</Switch>
</Admin>
} />
</Switch>
</App>
</HashRouter>
);
}
问题:(1).如何设置访问localhost:3000时自动跳到/login,而不是<Redirect to="/home" />
(2).如何设置404匹配,目前缺陷效果component={NoMatch}是在系统内部显示404(就是路由Switch配置外包了一个Admin),我想让它和login是同级的
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
配置exact