导航:首页 > 异常信息 > 捕获网络请求的异常处理

捕获网络请求的异常处理

发布时间:2022-09-14 22:49:46

A. 网络请求出错什么意思

一般来说是由于自己本身网络的问题造成网络请求失败,但也存在服务器出现问题,导致网络请求错误。
自身网络造成的网络请求错误非常常见,也非常容易解决。如果用户当前的信号较差或者网速较差,这些都会出现网络请求错误的发生。建议用户更换质量较好的网络,比如WiFi网络。或者去一些信号较好的地方解决该问题。
如果用户的信号网速都没有问题,但是依旧出现网络请求错误,可以看看用户的移动数据有没有打开,如果移动数据没有打开也是会出现网络请求错误的。如果只是个别软件出现网络请求错误,用户可以在设置中看看有没有禁止该软件使用网络数据。禁用后的软件也会出现网络请求错误。如果这个软件没有被禁用数据,但是依旧提示网路请求错误,这就表明该软件的服务器出现了问题,一般都是访问量突然增大,造成服务器崩溃显示网络请求错误。

B. 网络异常连接如何处理

为了有效避免网络连接不稳定的故障,我们最好使用质量比较好的网络连接线缆,而且要控制好网络线缆的传输距离,不要让网络线与高压线缆、通信线缆相互缠绕在一起,因为线缆质量的好坏、传输距离的远近以及受外界信号干扰程度的高低,都有可能导致网络连接不稳定。

C. Java 捕捉到的异常怎么处理

使用
try{

}catch(){

}

在catch里面捕获异常并进行处理
例如
int i;
try{
i = 100/0;
}catch(Exception e){
这里你可以显示错误信息
System.out.println(e.getMessage);
或者处理异常
......
}

D. Web前端工程师如何处理Web前端的异常_

今天小编要跟大家分享的文章是关于Web前端工程师如何处理前端的异常。前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。下面我们就来看一看前端工程师该如何处理前端异常。一、为什么要处理异常异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。


1.增强用户体验;
2.远程定位问题;
3.未雨绸缪,及早发现问题;
4.无法复线问题,尤其是移动端,机型,系统都是问题;
5.完善的前端方案,前端监控系统;


对于JS而言,我们面对的仅仅只是异常,异常的出现不会直接导致JS引擎崩溃,最多只会使当前执行的任务终止。二、需要处理哪些异常?对于前端来说,我们可做的异常捕获还真不少。总结一下,大概如下:


·___S语法错误、代码异常


·___JAX请求异常


·___蔡试醇釉匾斐


·___romise异常


·___frame异常


·___缬_cripterror


·___览:涂ǘ


下面我会针对每种具体情况来说明如何处理这些异常。三、Try-Catch的误区try-catch只能捕获到同步的运行时错误,对语法和异步错误却无能为力,捕获不到。
1.同步运行时错误:


try{
letname='jartto'
console.log(nam);
}catch(e){
console.log('捕获到异常:',e);
}


输出:


捕获到异常:ReferenceError:namisnotdefined
at:3:15


2.不能捕获到语法错误,我们修改一下代码,删掉一个单引号:


try{
letname='jartto;
console.log(nam);
}catch(e){

console.log('捕获到异常:',e);
}


输出:


UncaughtSyntaxError:Invalidorunexpectedtoken


不过语法错误在我们开发阶段就可以看到,应该不会顺利上到线上环境。


3.异步错误


try{
setTimeout(()=>{
undefined.map(v=>v);
},1000)
}catch(e){
console.log('捕获到异常:',e);
}


我们看看日志:


UncaughtTypeError:Cannotreadproperty'map'of
undefined
atsetTimeout(:3:11)


并没有捕获到异常,这是需要我们特别注意的地方。四、window.onerror不是万能的当JS运行时错误发生时,window会触发一个ErrorEvent接口的error事件,并执行window.onerror()。/**
*@param{String}message错误信息
*@param{String}source出错文件
*@param{Number}lineno行号
*@param{Number}colno列号
*@param{Object}errorError对象(对象)
*/

window.onerror=function(message,source,lineno,colno,error){
console.log('捕获到异常:',{message,source,lineno,colno,error});
}

1.首先试试同步运行时错误


window.onerror=function(message,source,lineno,colno,
error){
//message:错误信息(字符串)。
//source:发生错误的脚本URL(字符串)
//lineno:发生错误的行号(数字)
//colno:发生错误的列号(数字)
//error:Error对象(对象)
console.log('捕获到异常:',{message,source,lineno,colno,
error});
}
Jartto;


可以看到,我们捕获到了异常:

2.再试试语法错误呢?


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常:',{message,source,lineno,colno,error});
}
letname='Jartto


控制台打印出了这样的异常:


UncaughtSyntaxError:Invalidorunexpectedtoken


什么,竟然没有捕获到语法错误?


3.怀着忐忑的心,我们最后来试试异步运行时错误:


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常:',{message,source,lineno,colno,error});
}
setTimeout(()=>{
Jartto;
});


控制台输出了:


捕获到异常:{message:"Uncaught
ReferenceError:Jarttoisnotdefined",source:
"http://127.0.0.1:8001/",lineno:36,colno:5,error:
ReferenceError:Jarttoisnotdefined
atsetTimeout(http://127.0.0.1:8001/:36:5)}


4.接着,我们试试网络请求异常的情况:






我们发现,不论是静态资源异常,或者接口异常,错误都无法捕获到。


补充一点:window.onerror函数只有在返回true的时候,异常才不会向上抛出,否则即使是知道异常的发生控制台还是会显示UncaughtError:xxxxx


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常:',{message,source,lineno,colno,error});
returntrue;
}
setTimeout(()=>{
Jartto;
});


控制台就不会再有这样的错误了:


UncaughtReferenceError:Jarttoisnotdefined
atsetTimeout((index):36)


需要注意:onerror最好写在所有JS脚本的前面,否则有可能捕获不到错误;onerror无法捕获语法错误;


到这里基本就清晰了:在实际的使用过程中,onerror主要是来捕获预料之外的错误,而try-catch则是用来在可预见情况下监控特定的错误,两者结合使用更加高效。


问题又来了,捕获不到静态资源加载异常怎么办?五、window.addEventListener当一项资源(如图片或脚本)加载失败,加载资源的元素会触发一个Event接口的error事件,并执行该元素上的onerror()处理函数。这些error事件不会向上冒泡到window,不过(至少在Firefox中)能被单一的window.addEventListener捕获。



window.addEventListener('error',(error)=>{
console.log('捕获到异常:',error);
},true)




控制台输出:


SHAPE*MERGEFORMAT


由于网络请求异常不会事件冒泡,因此必须在捕获阶段将其捕捉到才行,但是这种方式虽然可以捕捉到网络请求的异常,但是无法判断HTTP的状态是404还是其他比如500等等,所以还需要配合服务端日志才进行排查分析才可以。


需要注意:


·___煌榔飨路祷氐_rror对象可能不同,需要注意兼容处理。


·___枰⒁獗苊_ddEventListener重复监听。六、PromiseCatch在promise中使用catch可以非常方便的捕获到异步error,这个很简单。


没有写catch的Promise中抛出的错误无法被onerror或try-catch捕获到,所以我们务必要在Promise中不要忘记写catch处理抛出的异常。


解决方案:为了防止有漏掉的Promise异常,建议在全局增加一个对unhandledrejection的监听,用来全局监听UncaughtPromiseError。使用方式:


window.addEventListener("unhandledrejection",
function(e){
console.log(e);
});


我们继续来尝试一下:


window.addEventListener("unhandledrejection",
function(e){
e.preventDefault()
console.log('捕获到异常:',e);
returntrue;
});
Promise.reject('promiseerror');


可以看到如下输出:

那如果对Promise不进行catch呢?


window.addEventListener("unhandledrejection",
function(e){
e.preventDefault()
console.log('捕获到异常:',e);
returntrue;
});
ewPromise((resolve,reject)=>{
reject('jartto:promiseerror');
});


嗯,事实证明,也是会被正常捕获到的。


所以,正如我们上面所说,为了防止有漏掉的Promise异常,建议在全局增加一个对unhandledrejection的监听,用来全局监听UncaughtPromiseError。


补充一点:如果去掉控制台的异常显示,需要加上:


event.preventDefault();七、VUEerrorHandlerVue.config.errorHandler=(err,vm,info)=>{
console.error('通过vue
errorHandler捕获的错误');
console.error(err);
console.error(vm);
console.error(info);
}八、React异常捕获React16提供了一个内置函数componentDidCatch,使用它可以非常简单的获取到react下的错误信息


componentDidCatch(error,info){
console.log(error,info);
}


除此之外,我们可以了解一下:errorboundaryUI的某部分引起的JS错误不应该破坏整个程序,为了帮React的使用者解决这个问题,React16介绍了一种关于错误边界(errorboundary)的新观念。


需要注意的是:errorboundaries并不会捕捉下面这些错误。


1.事件处理器2.异步代码3.服务端的渲染代码4.在errorboundaries区域内的错误


我们来举一个小例子,在下面这个componentDIdCatch(error,info)里的类会变成一个errorboundary:


.Component{
constructor(props){
super(props);
this.state={hasError:false};
}
componentDidCatch(error,info){
//DisplayfallbackUI
this.setState({hasError:true});
//
logErrorToMyService(error,info);
}
render(){
if(this.state.hasError){
//
return

Somethingwentwrong.

;
}
returnthis.props.children;
}
}


然后我们像使用普通组件那样使用它:







componentDidCatch()方法像JS的catch{}模块一样工作,但是对于组件,只有class类型的组件(classcomponent)可以成为一个errorboundaries。


实际上,大多数情况下我们可以在整个程序中定义一个errorboundary组件,之后就可以一直使用它了!九、iframe异常对于iframe的异常捕获,我们还得借力window.onerror:


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常:',{message,source,lineno,colno,error});
}


一个简单的例子可能如下:


frameborder="0">
十、Scripterror一般情况,如果出现Scripterror这样的错误,基本上可以确定是出现了跨域问题。这时候,是不会有其他太多辅助信息的,但是解决思路无非如下:


跨源资源共享机制(CORS):我们为script标签添加crossOrigin属性。


crossorigin>


或者动态去添加js脚本:


constscript=document.createElement('script');
script.crossOrigin='anonymous'
script.src=url;
document.body.appendChild(script);


特别注意,服务器端需要设置:Access-Control-Allow-Origin


此外,我们也可以试试这个-解决ScriptError的另类思路:


constoriginAddEventListener=EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener=function(type,listener,options){
constwrappedListener=function(...args){
try{
returnlistener.apply(this,args);
}
catch(err){
throwerr;
}
}
returnoriginAddEventListener.call(this,type,wrappedListener,options);
}


简单解释一下:


·___男戳_ventTarget的addEventListener方法;


·___源氲_istener进行包装,返回包装过的listener,对其执行进行try-catch;


·___榔鞑换岫_ry-catch起来的异常进行跨域拦截,所以catch到的时候,是有堆栈信息的;


·___匦_hrow出来异常的时候,执行的是同域代码,所以window.onerror捕获的时候不会丢失堆栈信息;


利用包装addEventListener,我们还可以达到“扩展堆栈”的效果:


(()=>{
constoriginAddEventListener=EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener=function(type,listener,options){
+//捕获添加事件时的堆栈
+constaddStack=newError(`Event(${type})`).stack;
constwrappedListener=function(...args){
try{
returnlistener.apply(this,args);
}
catch(err){
+//异常发生时,扩展堆栈
+err.stack+=' '+addStack;
throwerr;
}
}
returnoriginAddEventListener.call(this,type,wrappedListener,options);
}
})();十一、崩溃和卡顿卡顿也就是网页暂时响应比较慢,JS可能无法及时执行。但崩溃就不一样了,网页都崩溃了,JS都不运行了,还有什么办法可以监控网页的崩溃,并将网页崩溃上报呢?


崩溃和卡顿也是不可忽视的,也许会导致你的用户流失。


1.利用window对象的load和beforeunload事件实现了网页崩溃的监控。不错的文章,推荐阅读:Logging
InformationonBrowserCrashes。window.addEventListener('load',function(){
sessionSt

E. 网络异常连接如何处理

1、网络被蹭
路由器无线网络被蹭的时候,无线连接人数多或者局域网有人进行下载,而占用了带宽,就会导致电脑上网速度不稳定。
排查方法:路由器后台中,“无线设置” 》》 “主机状态”查看几台电脑进行上网,是否有陌生设备接入无线网络。
建议:在路由器后台中设置WPA-PSK/WPA2-PSK AES加密,无线密码建议数字+字母形式组合,尽可能复杂一些。
2、运行大流量应用
当电脑当中有大流量的应用进行下载、玩游戏或者在线视频,此外还有一些P2P软件会偷网,这样救护占用较大宽带,最终导致电脑上网速度慢、不稳定。
建议:如果电脑或者移动设备比较多,那么最好在无线路由器后台设置IP带宽控制,合理为每台电脑或者设备分配带宽。
3、病毒木马
局域网的电脑存在病毒或者木马,可能木马病毒存在偷网、上传宽带的情况。
建议:可以尝试通过杀毒软件查杀电脑病毒。
4、线路问题
如果使用网线与电脑直连,经过测试有线上网速度依然不正常,和无线网络一样存在不稳定的情况。
建议:连接宽带服务商检查线路问题。
5、路由器发热
路由器发热会影响网速!无线路由器长期不关机,尤其是夏季,出现发热大的情况,那么也会出现网络不稳定的现象。
建议:将路由器关机一段时间,再进行开机使用,最好将路由器放置在通风较好的地方。
6、无线干扰
①、减少距离及障碍物:
如果您的手机或者笔记本与无线路由器之间距离太远,又或者中间需要经过墙面等障碍物,那么就会导致无线信号衰减很大,无线网络速度不稳定的情况,所以尽量减少距离与避免障碍物。
②、降低无线干扰:
无线路由器尽可能远离无绳电话、微波炉、手机蓝牙、无线键盘鼠标等无线设备干扰。
③、修改无线信道:
环境中众多的无线信号,如果工作在相同的无线信道,会产生无线干扰导致速度不稳定。解决办法:在路由器后台中是扫描周围环境,在路由器上选择周围环境中最少的信道。

阅读全文

与捕获网络请求的异常处理相关的资料

热点内容
网络共享中心没有网卡 浏览:527
电脑无法检测到网络代理 浏览:1376
笔记本电脑一天会用多少流量 浏览:593
苹果电脑整机转移新机 浏览:1380
突然无法连接工作网络 浏览:1075
联通网络怎么设置才好 浏览:1230
小区网络电脑怎么连接路由器 浏览:1052
p1108打印机网络共享 浏览:1215
怎么调节台式电脑护眼 浏览:715
深圳天虹苹果电脑 浏览:951
网络总是异常断开 浏览:617
中级配置台式电脑 浏览:1010
中国网络安全的战士 浏览:637
同志网站在哪里 浏览:1420
版观看完整完结免费手机在线 浏览:1464
怎样切换默认数据网络设置 浏览:1113
肯德基无线网无法访问网络 浏览:1290
光纤猫怎么连接不上网络 浏览:1494
神武3手游网络连接 浏览:969
局网打印机网络共享 浏览:1005