最近在使用vue-router的beforeEach鉤子時候遇到了一個問題，就是在beforeEach()中設置好判斷條件后出現了無限循環的問題
代碼如下：

router.beforeEach((to, from, next) => { if(isLogin){  next() }else{  console.log('測試')  next('login') }})

結果chrome的debug中看到：

這個問題我是這樣理解的：

router.beforeEach((to, from, next) => {  if(true){    next()  }else{    next('login')  }})

• next() 表示路由成功，直接進入to路由，不會再次調用router.beforeEach()
• next('login') 表示路由攔截成功，重定向至login，會再次調用router.beforeEach()

也就是說beforeEach()必須調用next(),否則就會出現無限循環，next() 和 next('xxx') 是不一樣的，區別就是前者不會再次調用router.beforeEach()，后者會！！！

官網這樣寫的（主要是紅線標記的那句！）：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。