Vue路由器异步路由保护进程

Question

我正在路由器的导航保护程序中完成异步工作：

router.beforeEach((to, from, next) => {
  somethingAsync().done(next)
})

路由器是否公开任何东西来告诉我它目前正在“加载”？还是我需要自己去追踪？现在，一旦异步工作完成，内容将在<router-view></router-view>中弹出。我的当前解决方案是跟踪Vuex存储中的活动工作，并在路由器视图旁边显示一个加载元素。

Answer 1

为了实现我认为你想要达到的目标，我所做的是：

• 使用Axios或其他具有拦截器https://github.com/mzabriskie/axios的东西
• 有一个具有挂起请求计数器的组件。当计数器大于0时，显示that元素。
• 在此之后，您所要做的就是配置拦截器，以便当发出请求时，计数器会上升，当接收到响应时，计数器就会下降。

如果你需要的话我可以给你看一些代码。