javascript - Vue.js + 元素用户界面 : How to handle HTTP request errors commonly?

Question

我想集中调用任何 http 请求方法($http.post、$http.delete 等)时可能发生的 HTTP 请求错误。 ..) 使用 vue-resource。

我知道我可以处理任何单个请求的错误，如下所示:

this.$http.post(restUrl, payload).then(onSuccess, onFailure);

但是，我想我是否可以为任何 HTTP 请求定义和设置 onFailure 回调函数。我想在应用程序级别或类似的级别处理任何 http 错误。

我的目标是在 HTTP 请求失败时显示通用 toast 消息。

任何形式的帮助都会很棒。谢谢。

Answer 1

我认为您喜欢使用的概念是拦截器。在 vue-resource 中，您可以为 request 和 response 定义它们。拦截器示例:

Vue.http.interceptors.push(function(request, next) {

  // modify request ...

  // stop and return response
  next(request.respondWith(body, {
    status: 404,
    statusText: 'Not found'
  }));
});