如何处理生产中的ajax错误？

Question

在开发中，我通常会这样做：

fetchFaqData() {
  this.$http.get('/services/getfaq').then((response) => {
    this.faqs = response.data;
}, (response) => {
    console.log(response);
  });
}

当您在开发中查看您的 ajax 请求是否有问题时，这很好。但是，您如何处理生产中的这段代码？

我认为通过console.log 在生产中显示这一点可能不是明智或可取的。在这种情况下人们会怎么做？

将其写入日志文件或其他什么？我通常在我的代码中使用相当多的这些 ajax 块，我在控制台中注销错误响应。我也经常看到这样的例子。人们是否只是在完成后检查他们的代码并将其记录到日志或其他东西？还是最好从一开始就这样做？

谢谢。

Answer 1

视情况而定，通常您会通过两种方式处理错误：

1. 如果该错误不影响您系统的工作流程和用户体验，您可以忽略它。如果它很重要，您将能够分析来自服务器的日志并查看它为什么会响应错误。否则，如果这是客户端问题 - 好吧，编写测试伴侣或要求您的用户报告错误:)

2. 如果错误确实影响了系统的工作流程或用户体验，您可能需要处理该错误并尝试确保您的用户体验不受影响。

示例：

如果您从服务器请求不存在的个人资料图片，请尝试使用一些备用用户图标。

如果您的服务器崩溃并且响应超时，您可以显示一些通知/对话框/消息“糟糕，出了点问题”。

总结一下：

如果对用户体验很重要，则向用户显示人类可读的错误。

Client-side-ajax-errors 并不是很重要，除非它们与某些服务器发生故障同时发生，因为例如，一个人的连接可能不好，他的调用可能会失败。

希望你会发现它有用。

Answer 2

我发现自己处于同样的情况，幸运的是我正在获取 JSON 内容，所以我必须拦截并验证响应：

   this.$http.get('/api/json').then((response) => {
    var json = JSON.parse(response.body); 

    if(!json){
        // alert error or do something
    }

   }, (response) => {
    // console.log(response);
  });

希望有人能为我们俩提供更好的答案