VUE 用户输入不存在的路由时,转到固定的路由

今天给大家说一个非常简单但又实用的小知识点,在我们项目中有时我们会考虑到,当用户输入路由表中不存在的路由时,我们需要给他转到固定展示的路由,我这个方法用到了全局钩子,进行判断,代码:

router.beforeEach((to, from, next) => {
if (to.matched.length ===0) {    //如果未匹配到路由
        from.name ? next({ name:from.name }) : next('重定向的路由');   
      } else {
}
});

这种方法的好处在于,就算用户只输入项目的端口域名(localhost:1111),不加路由,也会重定向到我们配置的路由中。知识分享就到这里喽!

你可能感兴趣的:(VUE 用户输入不存在的路由时,转到固定的路由)