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

鍍金池/ 問答/HTML/ vue路由守衛(wèi)axios請求數據

vue路由守衛(wèi)axios請求數據

vue路由守衛(wèi)axios請求數據
需求:
進入頁面之前,axios請求數據,根據判斷,跳轉到對應路由。

做法:

1、想在組件路由守衛(wèi)beforeRouteEnter 
axios請求數據,axios是獲取不到的,報錯。
2、在created請求數據跳轉,這樣頁面會先顯示出來,效果不好。
3、寫個空白頁請求數據跳轉。。。但目前不想這樣搞

請問:還有其他方法嗎?

回答
編輯回答
萌小萌

clipboard.png

clipboard.png

最后在router.js里面引入axios,然后使用原型指向,因為直接使用axios.get會報protocol的錯誤,所以使用原型

2018年2月12日 01:17
編輯回答
嘟尛嘴

做法1 可以在router.js import axios 實例

其他辦法:

  1. 可以使用Router.routes的beforeEnter(路由獨享的守衛(wèi))
  2. 可以使用beforeRouteEnter(組件內的守衛(wèi))
  3. 調用全局的 beforeResolve 守衛(wèi)
2017年6月28日 16:19
編輯回答
眼雜

請問你解決了嗎

2017年7月13日 20:32
編輯回答
懶豬
beforEnter(to, form ,next){
next(vm=>{
vm.$httpAxios.get。。。
})
}

在next里面才可以操作到vue實例。因為路由還沒進來
2017年2月11日 13:03