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

Question

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

像 Angular 一样，有一个依赖注入(inject)，响应将返回到组件。

Answer 1

吃你的蛋糕，也吃它。假设您已经在使用 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
})

这将使 promise 拒绝返回给调用者，因此在您的组件中，类似于...

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