在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中如何等app.vue中的js方法執(zhí)行后再執(zhí)行其他加載的組件的方法

vue中如何等app.vue中的js方法執(zhí)行后再執(zhí)行其他加載的組件的方法

目前項目中需要用戶不管從哪個頁面進來，第一步都需要判斷token是否過期，如果過期需要去后端重新請求；
我是打算在入口組件app.vue中進行判斷，如果過期就會去ajax請求token，可是還沒等到我token回來，首頁的組件就加載了，然后導致首頁中的接口報錯了（token過期的錯誤），所以如何等我app.vue里的結果返回再去掛載組件呢？
正愁呢！

回答
編輯回答
單眼皮

應該在全局路由入口處攔截，而不是入口組件。

可以使用vue-router的beforeEach導航鉤子進行全局路由攔截，如：

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
  if(tokenExprise){
    next()
  } else {
   // 刷新 token 
    reflashToken().then(()=>{
      next()
    })
  }
})

希望有幫助.

參見導航守衛(wèi)

2018年8月11日 03:30