vue中的路由独享守卫的理解


1.vue中路由独享守卫意思就是对这个路由有一个单独的守卫,因为他的守卫方式于其他的凡是不太同

独享守卫于前置守卫使用方法大致是一样的

  1. 在路由配置的时候进行配置,
{
        path:'/login',
        component:Login,
        beforeEnter(to,from,next){
            to.query.returnURL = from.path;
            next();
        }
    }

2.在登陆界面就是需要返回的页面进行操作

login(){
            axios.post('/user/login',this.user).then((res)=>{
                localStorage.setItem('token',"Bearer "+res.data.res.token)
                 const url = this.$route.query.returnURL
                // // console.log(this.$route)
                this.$router.replace(url)
            })
        }

rangthis.$router.replace(url),返回到点击进来 的页面,这样就可以实现返回的操作,当时returnURL不会在地址栏上进行显示


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM