关于angular的HTTP请求超时处理

最新推荐文章于 2024-08-29 12:52:27 发布

苏九斤

最新推荐文章于 2024-08-29 12:52:27 发布

阅读量7.7k

点赞数 1

分类专栏： Angular 文章标签： Angular处理Http请求超时 Angular处理Http的timeout

本文链接：https://blog.csdn.net/weixin_38236026/article/details/99694244

版权

Angular 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

angular中的http请求如果存在网络中断或者超时的话，一般系统都会有默认值（本人测试大概为20秒左右），这种感觉给用户的体验太差，因此有效改变超时的时间限制是很有必要的，现在记录一下。

angular5以后的超时设置方式，采用pipe（）的方式，具体请看代码：

this.http.get('https://example.com')
   .pipe(
      timeout(2000),
      catchError(e => {
        // do something on a timeout
        return of(null);
      })
    ).toPromise().then(
      res => {
       //写成功
      }).catch(e => {
       //写失败
    );

此种方法有效解决了时间限制问题，供大家参考。