使用window.onerror检测项目的全局错误/网络错误

每日鸡汤:每个你想要学习的瞬间都是未来的你像自己求救

网页应用build之后,会生成一个dist文件夹,这个文件夹里面有一些js / css/ 图片等文件,一般来说我们部署,就是把这个dist文件夹所有的内容部署到服务器。

假设我们当前在A页面,就需要加载a.js ,要跳转到B页面,就需要加载b.js

假设在要跳转之前网络不好,无法加载到b.js,这个时候就会报资源找不到的错误!如果对于这种错误我们不做处理,那用户会点击某个按钮没反应,然后页面卡住了,很影响体验!

这个时候我们可以使用 window.onerror 去捕获,然后给个网络错误的提示就会好很多

window.onerror = () => {

        //

}

或者

window.addEventListener('error', () => {

        //

})

参考

​​​​​​如何优雅监听Vue项目的报错(4种方式) - 掘金

你可能感兴趣的:(vue.js,前端,javascript)