解决vue路由跳转未匹配相应用路由避免出现空白页面的问题

router.beforeEach((to, from, next) => {

     //如果未匹配到路由

    if (to.matched.length ===0) {

        //如果上级也未匹配到路由则跳转登录页面,如果上级能匹配到则转上级路由

        from.name ? next({ name:from.name }) : next('/'); 

    } else {

        next(); //如果匹配到正确跳转

    }

});

你可能感兴趣的:(解决vue路由跳转未匹配相应用路由避免出现空白页面的问题)