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

Best Practice in Error Handling in Vuejs With Vuex and Axios(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!
})

这篇关于Vuejs中使用Vuex和Axios处理错误的最佳实践的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！