本文介绍了Ant Design Pro中使用umi.js进行路由管理时遇到的嵌套路由问题及其解决方案。当浏览器输入/users时，由于缺少组件导致404或空白页面。解决方法包括在routes中添加重定向路由或在页面内部使用router.replace进行重定向。此外，文章还讨论了特殊情况下404问题的出现原因和解决策略，强调了路径优先级的重要性。
Ant Design Pro 使用了 umi.js(中文名： 乌米)进行页面路由管理
在 router.config.js 中使用了配置式的路由
export default {
routes: [
{ path: '/', component: './a' },
{ path: '/users',
routes: [
{ path: '/users/detail', component: './users/detail' },
{ path: '/users/:id', component: './users/id' }
]
},
],
};
上面的代码就会带来嵌套路由，在浏览器中输入 /users 时，项目会自动定位到 component: './users/index' 中，但由于page/users/ 中无该组件，会导致页面出现404或者空白。
解决办法有两种
已经确定实际要渲染的页面
直接在 routes 中添加一个重定向的路由
{ path: '/users', component: './users/_layout',
routes: [
{ path: '/users', redirect: '/users/detail', },
{ path: '/users/detail', component: './users/detail' },
{ path: '/users/:id', com
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
