美文网首页大前端
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