前端网络请求的错误处理

最新推荐文章于 2024-07-03 08:46:21 发布

鸭绒

最新推荐文章于 2024-07-03 08:46:21 发布

阅读量4.3k

点赞数

分类专栏：网络文章标签： angular javascript jquery node.js

本文链接：https://blog.csdn.net/weixin_43334673/article/details/104824751

版权

本文档介绍了前端使用Angular的HttpClient模块进行网络请求时如何处理错误。当请求失败时，错误会被返回并可通过.error回调处理。错误分为服务端出错（如404、500等）和客户端出错（如网络异常）。通过自定义的handleError函数，我们可以获取HttpErrorResponse中的错误信息，并根据错误类型提供相应的反馈。示例代码展示了如何在订阅中使用错误处理器来捕获和处理这些错误。

摘要由CSDN通过智能技术生成

错误处理：当客户端发起一个请求，但无法从服务端得到正确响应，倘若没有错误处理进行提示，那么我们将很难找到出现bug的原因。
官方文档传送门
当使用HttpClient模块请求数据时，如果成功就会返回数据，失败就会返回一个错误(error)而不再是成功的响应
文档示例(中文即个人解释)：

showConfig() {
   
  this.configService.getConfig()
    .subscribe(
      (data: Config) => this.config = {
    ...data }, // 请求成功时的回调函数
      
        error => this.error = error //请求错误时的回调函数
    );
}

解释：showConfig()是一个调用了服务的方法，configService是声明的(服务)类，服务类中有getConfig()方法，在.subscribe()订阅函数中有两个回调方法。error回调函数即能在数据访问失败时给用户一些反馈。
对于文档例子举详细例子

getImage(num:number){
   //点击按钮的响应函数    
       this.getImageService.getService(this.url[num])
          .subscribe(   
           (response:any)=>{
     //成功的回调
             if(response==null){
          
                this.eMsg="返回值为空";      
                    return;