vue.js的beforeRouteEnter守卫怎么获取服务器数据？

Question

我需要在路由完成前获取到下一页的数据，但是使用beforeRouteEnter守卫的时候无法使用this.axios，我又不想在太多组件中都使用importaxiosfrom"axios"请问有什么解决办法呢？

Answer 1

如果你实在觉得
importaxiosfrom'axios'
一行碍你眼,可以通过全局window或其他全局系统变量来缓存
main.js
importaxiosfrom'axios'
window.$axios=axios;
组件
beforeRouteEnter(){
window.$axios.get('xxx').then(res=>{
});
},
but我很不建议这样做！！！！！
                            

Answer 2

可以在next里面传入回调函数取得vm实例的
beforeRouteEnter(to,from,next){
next(vm=>{
vm.axios
})
}