如何使用 Vue 路由器从 Vuex 操作进行导航

我正在使用 Vue 2.x 和 Vuex 2.x 创建一个 Web 应用程序。我正在通过 http 调用从远程位置获取一些信息，我希望如果该调用失败，我应该重定向到其他页面。

GET_PETS: (state) => {
  return $http.get('pets/').then((response)=>{
      state.commit('SET_PETS', response.data)
    })
  },
  error => {this.$router.push({path:"/"}) }
  )
}

But this.$router.push({path:"/"})给我以下错误。

未捕获（承诺中）类型错误：无法读取未定义的属性“push”

如何才能实现这一点。

模拟 JsFiddle：here https://jsfiddle.net/pukx3heb/1/

只要您从应用程序中的某个位置导出路由器实例（例如./router.js）， 你可以import它可以在任何你想要的地方使用——包括 Vuex 商店：

import router from './router';

从那里，您可以使用router.push().

就这么简单。