angular 10: 在拦截器的http请求中,订阅observable后我的请求未发送。
创始人
2024-10-15 07:31:33
0

在 Angular 10 中,拦截器中的 HTTP 请求是基于 Observables 的。如果您在拦截器中订阅了 Observable,但请求未发送,可能是因为您没有正确处理 Observable 流。

以下是一个示例,展示了如何在拦截器中正确订阅 Observable 并处理它:

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';

@Injectable()
export class MyInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest, next: HttpHandler): Observable> {
    // 在请求开始之前可以进行一些预处理操作

    // 订阅 Observable,并在处理完成后继续请求
    return next.handle(req).pipe(
      tap(
        event => {
          // 处理成功的响应
        },
        error => {
          // 处理错误的响应
        }
      )
    );
  }
}

在上面的示例中,我们使用 tap 操作符来订阅 Observable,并在处理成功或失败时执行相应的操作。通过返回 next.handle(req).pipe(...),我们确保请求将继续发送。

要确保拦截器正确注册,您需要在 Angular 模块中提供 HTTP_INTERCEPTORS 依赖,并将拦截器添加到提供商列表中:

import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { MyInterceptor } from './my-interceptor';

@NgModule({
  imports: [HttpClientModule],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: MyInterceptor,
      multi: true
    }
  ],
})
export class AppModule { }

通过以上步骤,您可以在拦截器的 HTTP 请求中正确地订阅 Observable,并确保请求能够正常发送。

相关内容

热门资讯

必知教程!wepoker好友助... 必知教程!wepoker好友助力码,aapoker透视怎么用,AA德州教程(有挂技巧)准备好在aap...
技术分享!德州透视hhpoke... 技术分享!德州透视hhpoker,拱趴大菠萝十三水作弊,黑科技教程(有挂透明);最新版2024是一款...
科技介绍!wepoker黑侠辅... 1、科技介绍!wepoker黑侠辅助器,wepoker有辅助器吗,解密教程(有挂技巧)2、进入游戏-...
总算了解!aapoker插件,... 1、总算了解!aapoker插件,德扑圈透视挂,安装教程(有挂透视)2、进入游戏-大厅左侧-新手福利...
实测教程!hhpoker软件安... 实测教程!hhpoker软件安装包,wepoker软件安装包,德州论坛(有挂技巧);实战中需综合运用...
一分钟了解!pokemmo手机... 一分钟了解!pokemmo手机脚本辅助器,pokerworld破解版下载,教你攻略(有挂软件);实战...
解密关于!wepoker怎么获... 解密关于!wepoker怎么获得好牌,we-poker是什么软件,必胜教程(有挂教程);1分钟了解详...
必备攻略!wepoker私人局... 您好,德普之星辅助工具如何设置这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
玩家必看教程!aapoker辅... 玩家必看教程!aapoker辅助器是真的吗,wpk透视辅助方法,玩家教你(有挂方法)关于aapoke...
科技通报!pokeplus脚本... 科技通报!pokeplus脚本,德普软件,线上教程(有挂教程);大神普及一款德州ai内幕,确定了po...