vuejs2.0中如何全局的异常和错误捕捉处理并提交给后台

现在有一个需求就是需要捕获页面的错误或者是数据请求失败 然后提交给后台做日志记录,请问这个怎么做???

阅读 2.7k
1 个回答

全局错误处理和组件错误处理了解一下:
https://cn.vuejs.org/v2/api/#errorHandler
https://cn.vuejs.org/v2/api/#errorCaptured

数据请求失败提交至服务器,这个你得考虑下策略,特别是接受客户端日志记录的服务和数据请求服务在同一个终结点的时候。至于数据请求出错如何做拦截,可以参考你依赖的http组件,比如 axios 可使用切片:

// Add a request interceptor
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  }, function (error) {
    // Do something with response error
    return Promise.reject(error);
  });
推荐问题