前端js错误监控

简单记录一下几乎没接触过的前端错误监控。

页面运行时的错误

window.onerror = function(message, source, lineno, colno, error) { ... }

 

• message：错误信息（字符串）。可用于HTML onerror=""处理程序中的event。
• source：发生错误的脚本URL（字符串）
• lineno：发生错误的行号（数字）
• colno：发生错误的列号（数字）
• error：Error对象（对象

当加载自不同域的脚本中发生语法错误时，为避免信息泄露（参见bug 363897），语法错误的细节将不会报告，而代之简单的"Script error."。可以使用CORS（跨站资源共享）

添加error事件

window.addEventListener('error', function(event) { ... })

ErrorEvent 类型的event包含有关事件和错误的所有信息。 

 

接口错误

可以封装一个抛出错误信息的请求 

如nuxt.js封装的$axios.onError()
 

 

记录下这篇写得很详细的博客 https://segmentfault.com/a/1190000014672384