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

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

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

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

推荐阅读更多精彩内容

  • 网络层提供的两种服务 在计算机网络领域,网络层应该向运输层提供怎样的服务(面向连接还是无连接)曾引起了长期的争论,...
    srtianxia阅读 3,187评论 0 12
  • 第一个 vue-router 路由 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示hom...
    索伦x阅读 2,227评论 0 3
  • Address:https://www.zybuluo.com/XiangZhou/note/208532 Exp...
    天蠍蒗漫阅读 10,630评论 2 55
  • 文章首发于个人blog欢迎指正补充,可联系lionsom_lin@qq.com原文地址:《网络是怎样连接的》阅读整...
    lionsom_lin阅读 13,556评论 6 31
  • 文/苏悸婉 我与唐楠相识在2010年冬季,记得那年北京的冬季特别的寒冷。 唐楠是陕西人,学金融专业毕业的,家里的人...
    苏悸婉阅读 683评论 0 8
  • 社会,就是后妈!有苦难言,你得咽下去;有泪在眼,你得憋回去;有累在身,你得扛下去。如果说亲妈,给你的是一个单纯美好...
    浅念_b317阅读 155评论 0 0
  • 卜算子·思 文/孤岛 雨落冷红...
    红尘素心阅读 235评论 2 2
  • 又是秋风细雨的季节了,叫人好不惆怅! 也就这样的时节,也是这座城市… 岁月,总是会给我们带来惊喜,也会给我们留下一...
    那年那个夏天阅读 148评论 0 0