HTTP请求错误

HTTP请求错误在Fundebug控制台的图标如下：

HTTP 请求错误 - 图1

前端通过大量的API与后端进行交互，这些API也有可能出错。

通常，后端会通过日志记录所有HTTP请求，但是查询起来非常不便，也不及时。Fundebug可以捕获所有HTTP请求错误，同时记录用户行为，并实时提醒开发者，且不需要修改后端，也不需要搭建复杂的日志系统。

下面的示例中，登陆账户时密码错误，因此会报403错误。

  1. var xhr = new XMLHttpRequest();
  2. xhr.open("POST", "https://api.fundebug.com/login");
  3. xhr.setRequestHeader('Content-Type', 'application/json');
  4. xhr.send(JSON.stringify(
  5. {
  6.     email: "help@fundebug.com",
  7.     password: "akhakfnak"
  8. }));

开发者可以在Fundebug控制台错误详情:

HTTP 请求错误 - 图2

Fundebug插件捕获的错误数据如下：

  1. {
  2.     "notifierVersion": "0.2.0",
  3.     "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:54.0) Gecko/20100101 Firefox/54.0",
  4.     "locale": "zh",
  5.     "url": "http://localhost:4000",
  6.     "title": "Test",
  7.     "apiKey": "API-KEY",
  8.     "time": 1502864518516,
  9.     "type": "httpError",
  10.     "req": {
  11.         "method": "POST",
  12.         "url": "https://www.fundebug.com/login"
  13.     },
  14.     "res": {
  15.         "status": 403,
  16.         "statusText": "Forbidden",
  17.         "response": "{\"error\":\"wrong password\"}"
  18.     }
  19. }

HTTP请求错误的type属性值为httpError。

silentHttp

如果你不需要监控HTTP请求错误，则可以将silentHttp属性设为true。