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

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

与ANGLING类似，存在依赖项注入，响应将返回到组件。

---

解决方案

既吃蛋糕又吃蛋糕。假设您已经在使用interceptor.

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!
})