宝小程序、React Native、Java和Node.js的错误,能够及时发现线上BUG,助您提升用户体验!
为了更好地定位问题是前端代码还是接口问题,在这里推荐使用Fundebug的前端
完整代码如下所示:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test HTTP Request</title> </head> <body> <h1>This is a test for HTTP request error !</h1> <button onclick="loadRequest()">Click</button> </body> <script type="text/javascript"> function loadRequest() { var oReq = new XMLHttpRequest(); oReq.open("GET", "upload/201901261633413628.png" style="margin: 0px; padding: 0px; border: none; max-width: 800px; height: auto;" alt="" />点击页面上的
click按钮,就会触发这个错误。在Fundebug的控制台可以看到报错信息,如下所示:
点击该错误,可以查看报错详情。一个http的get请求访问
upload/201901261633424122.png" style="margin: 0px; padding: 0px; border: none; max-width: 800px; height: auto;" alt="" />另外,通过用户行为也可以很好地看到触发报错的过程:

跨域问题
如果访问的是非同源的请求,那么报错会拿不到状态码,也就是说status不会是404,而是0。这个比较蛋疼!
总结
监控HTTP请求错误有什么好处?
- 第一时间发现HTTP请求出现状况;
- 及时告知后端服务器出了问题,快速应对;
- 分析前端其它bug的时候多了一份信息参考;
- 用户反馈服务无法使用的时候,可以快速知道问题原因。ttps://www.cnblogs.com/fundebug/p/use-fundebug-to-capture-http-error.htm
