vue 中如何进行路由拦截

小楼南风
  • 14

标题描述的可能不够准确......
描述: 默认路由是home,home有个子路由sonpage
问题: 第一次访问项目的时候如果在地址栏输入http:XXXX/home/sonpage 访问时强制跳转到home
因为并非所有人都从/home进入项目的,这样会导致一些方法失效。所以想问一下如何强制跳转到/home
比如此时地址是http:XXXX/home/sonpage,然后刷新浏览器,路由地址变成开始的/home

回复
阅读 3.4k
2 个回答

查看官网路由守卫

router.beforeEach((to, from, next) => {
    if(to.path === '/home/sonpage') {
        if(判断权限) {
            next("/home")
        }
    }
    next(true);
})

beforeEach((to,from,next)) 判断第一次是 用next({path:"/home"})

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏