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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 网络层提供的两种服务 在计算机网络领域,网络层应该向运输层提供怎样的服务(面向连接还是无连接)曾引起了长期的争论,...
    srtianxia阅读 9,460评论 0 12
  • 第一个 vue-router 路由 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示hom...
    索伦x阅读 7,057评论 0 3
  • Address:https://www.zybuluo.com/XiangZhou/note/208532 Exp...
    天蠍蒗漫阅读 13,896评论 2 55
  • 文章首发于个人blog欢迎指正补充,可联系lionsom_lin@qq.com原文地址:《网络是怎样连接的》阅读整...
    lionsom_lin阅读 14,811评论 6 31
  • 文/苏悸婉 我与唐楠相识在2010年冬季,记得那年北京的冬季特别的寒冷。 唐楠是陕西人,学金融专业毕业的,家里的人...
    苏悸婉阅读 4,355评论 0 8