全局前置路由导航守卫

  • Post author:
  • Post category:其他


发现全局路由导航守卫写if,else判断的时候,next好像并不能传参数,传参数会报错,造成死循环

import Vue from ‘vue’

import Router from ‘vue-router’

Vue.use(Router)

// export default new Router({


//   routes: [

//     {


//       path: ‘/’,

//       name: ‘login’,

//       component: resolve => require([‘@/components/login’],resolve)

//     },

//     {


//       path: ‘/User’,

//       name: ‘User’,

//       component: resolve => require([‘@/components/User’],resolve)

//     }

//   ]

// })

const routes = [

{


path: ‘/’,

name: ‘login’,

component: resolve => require([‘@/components/login’],resolve)

},

{


path: ‘/User’,

name: ‘User’,

component: resolve => require([‘@/components/User’],resolve)

}

]

const router = new Router({


routes

})

router.beforeEach((to, from, next) => {


if(to.name != ‘login’){


if(localStorage.getItem(‘QZYtoken’)){


next()

}else{


alert(‘请先登录’)

}

}else{


next()

}

})

export default router



版权声明:本文为m0_58879602原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。