使用 Vuex 和 Axios 在 Vuejs 中处理错误的最佳实践

Question

我正在使用 Vuex + axios，我想知道处理 vuex + axios 错误的最佳实践。我现在正在做的是，当我使用 axios 请求并返回错误时，它将以突变形式提交并更新我的状态。我想要做的是，如果我的请求出现响应错误，它将返回到我的组件，以便我可以更快地处理错误。

就像在 Angular 中一样，有一个依赖注入，响应将返回到组件。

原文由 LordGrim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

吃你的蛋糕，也吃。假设您已经在使用 拦截器…

 axios.interceptors.response.use(function (response) {
  return response;
}, function (error) {
  store.commit('ERROR', error) // just taking some guesses here
  return Promise.reject(error) // this is the important part
})

这将使承诺拒绝回到调用者，所以在你的组件中，比如……

 axios.whatever(...).then(res => {
  // happy days
}, err => {
  // oh noes!
})

原文由 Phil 发布，翻译遵循 CC BY-SA 4.0 许可协议