vue路由拦截的三种方法小结

export function createRouterGuards(){
    try{
        router.beforeEach((to,from,next)=>{
            if(to.meta.noLogin){
                next()
            }else{
                if(getSessionStorage('token')){
                    if(getSessionStorage('menuCodeList').includes(to.meta.menuCode)){
                        next()
                    }
                }
            }
        
        })
    }
}

const router = new VueRouter({
    routes:[{
        path:'/example/:id',
        component:Example,
        beforeEnter:(to,from,next)=>{
            const id = to.params.id
            if(id > 0 && id < 100){
                next()
            }else{
                next('/error')
            }
        }
    }]
})

router.afterEach((to,from)=>{
    const currentPath = to.path;
    const params = to.params;
    console.log(`切换到${currentPath}页面，路由参数为${JSON.stringify(params)}`)
})