美文网首页
vue的路由独享守卫

vue的路由独享守卫

作者: 冬天的_太阳 | 来源:发表于2019-10-12 17:38 被阅读0次

在router.js里面,注册路由的时候,使用以下方式。

{
            path: '/main',  ///  碰撞分析
            name: 'indexs',
            component: Main,
            children: [
                {
                    path: "/index", component: Index, name: "index"
                }
            ],
            // 路由独享守卫,下面是判断页面进入之前
            beforeEnter: (to, from, next) => {
                var abc = localStorage.getItem('abc');
                if (abc == 1) {
                    next(); //  正确跳转
                }else {
                    next({
                        //  通过next 的方式来跳转
                        path: '/login',
                        // 参数
                        // query: {redirect: to.fullPath}
                    })
                } ;



            }
        },

相关文章

网友评论

      本文标题:vue的路由独享守卫

      本文链接:https://www.haomeiwen.com/subject/uxccmctx.html