美文网首页大前端
umi4 父路由怎么直接跳转到指定的子路由?

umi4 父路由怎么直接跳转到指定的子路由?

作者: jack钱 | 来源:发表于2023-04-23 17:51 被阅读0次

umi4,想让进入到某个父级路由的时候,通过redirect直接跳转到某个指定的子路由,实现方式如下:

    {
        path: '/docs',
        redirect: '/docs/zh',
        routes: [
            {
                path: 'zh',
                component: '@/pages/docs/zh',
                title: '中文文档'
            },
            {
                path: 'en',
                component: '@/pages/docs/en',
                title: '英文文档'
            }
        ]
    }

这样写会陷入一个无限循环的状态,报错信息如下图:


image.png

解决方案:

重定向需要写在子路由里面

{
        path: '/docs',
        routes: [
            // 在子路由中写
            {
                path: '/docs',
                redirect: '/docs/zh',
            },
            {
                path: 'zh',
                component: '@/pages/docs/zh',
                title: '中文文档'
            },
            {
                path: 'en',
                component: '@/pages/docs/en',
                title: '英文文档'
            }
        ]
    }

相关文章

网友评论

    本文标题:umi4 父路由怎么直接跳转到指定的子路由?

    本文链接:https://www.haomeiwen.com/subject/yddyjdtx.html