vue路由url不存在则跳转指定页面

Enidchan_

于 2020-07-16 11:13:38 发布

阅读量5.1k

点赞数 2

分类专栏： router

本文链接：https://blog.youkuaiyun.com/EnidChann/article/details/107378692

版权

router 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种处理Vue路由不存在的情况，包括使用路由守卫进行拦截判断以及直接设置路由重定向，确保用户能被引导至指定页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：路由守卫拦截判断

router.beforeEach((to, from, next) => {
	if (to.matched.length === 0) {  // 如果未匹配到路由
	   from.name ? next({ name: from.name }) : next('/login')
	 } else {
	   next()  // 如果匹配到正确跳转
	 }
})

方法2：对路由做重定向

// routes里加上 { path: '*',redirect: '/login' },如下

const router = new Router({
  mode: 'history',
  routes: [
    {...}
    {...}
    {...}
    { path: '*',redirect: '/login' }
  ]
})