//注意：確定自己避免了路由守衛(wèi)進(jìn)入死循環(huán)
let oneRun = true; //通過oneRun變量控制 避免陷入死循環(huán)
router.beforeEach((to,from,next)=>{
  if(oneRun){
    oneRun = false;//必須在creatNewRouter() 執(zhí)行
    createNewRouter();
    next({...to, replace: true})// 必不可少的，確保你的動態(tài)路由創(chuàng)建成功再去執(zhí)行其它代碼
  }
})
 
function createNewRouter(){
  //請在這里做你登陸之后所做的創(chuàng)建動態(tài)路由的事情 一模一樣去做。
  //不要用緩存，session或localstorage 否則會報錯。你需要重新發(fā)出請求 登陸怎么做的 這里就怎么做的
};

// 嘗試獲取本地 store 用戶信息中權(quán)限字段
const hasRoles = store.getters.roles && store.getters.roles.length > 0
if (hasRoles) {
 next()
} else {
 try {
  // 用token換取用戶信息
  store.dispatch('user/getInfo').then(roles => {
   if (!roles) new Error('roles error!')
   // 根據(jù)獲取的用戶權(quán)限映射對應(yīng)的路由信息
   store.dispatch('permission/generateRoutes', roles).then(accessRoutes => {
    if (!accessRoutes) new Error('accessRoutes error!')
    // 動態(tài)加入路由
    router.addRoutes(accessRoutes)
    // 確保路由完整性，設(shè)置replace 為true 這樣導(dǎo)航就不會留下歷史記錄。
    next({
     ...to,
     replace: true
    })
   })
  })
 } catch (error) {
  // 刪除本地token 并且重新登陸
  await store.dispatch('user/resetToken')
  Message.error(error || 'Has Error')
  next(`/login?redirect=${to.path}`)
  NProgress.done()
 }
}