大前端

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

2023-04-23  本文已影响0人  jack钱

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: '英文文档'
            }
        ]
    }
上一篇 下一篇

猜你喜欢

热点阅读