有没有办法在新的angular应用程序中找到pendingReuests
在新的Angular应用程序中，可以通过以下方法找到pendingRequests（待处理请求）：
- 使用HttpClient拦截器：Angular提供了HttpClient拦截器，可以在请求发送和响应返回之前进行拦截和处理。你可以创建一个拦截器来跟踪所有的请求，并记录下来。以下是一个示例：
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class RequestInterceptor implements HttpInterceptor {
private pendingRequests: number = 0;
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
this.pendingRequests++;
console.log('Pending Requests:', this.pendingRequests);
return next.handle(request)
.finally(() => {
this.pendingRequests--;
console.log('Pending Requests:', this.pendingRequests);
});
}
}在上面的示例中，我们创建了一个名为RequestInterceptor的拦截器。它会在每个请求发送前增加pendingRequests计数，并在请求返回后减少计数。你可以在控制台中查看当前的pendingRequests数量。
- 使用HttpInterceptor拦截器和RxJS的Subject：除了上述方法，你还可以使用RxJS的Subject来跟踪pendingRequests的数量。以下是一个示例：
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable, Subject } from 'rxjs';
@Injectable()
export class RequestInterceptor implements HttpInterceptor {
private pendingRequests$: Subject<number> = new Subject<number>();
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
this.pendingRequests$.next(1);
return next.handle(request)
.finally(() => {
this.pendingRequests$.next(-1);
});
}
getPendingRequests(): Observable<number> {
return this.pendingRequests$.asObservable();
}
}在上面的示例中，我们创建了一个名为RequestInterceptor的拦截器。它使用一个Subject来跟踪pendingRequests的数量。你可以通过调用getPendingRequests()方法来获取一个Observable，以便在应用程序中订阅并获取当前的pendingRequests数量。
无论你选择哪种方法，都可以在Angular应用程序中找到pendingRequests，并根据需要进行处理。这对于监控和调试应用程序中的请求非常有用。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
相关·内容
对于我的应用程序，我创建了以下HttpInterceptor。是否有一种方法可以从这里将修改后的响应返回给请求订阅者？
import { Injectable } from '@angular/core';
import { HttpRequest, HttpResponse, HttpErrorResponse, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
浏览 2提问于2017-11-20得票数 5
回答已采纳
我试图用拦截器来处理HTTP错误，但是当错误发生时，catchError方法似乎不会触发(422)。此方法不会截获任何错误。app.module中的提供者已经添加了(我可以读取事件和200个响应)。 import { Injectable } from '@angular/core';
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor,
HttpErrorResponse, HttpResponse,
} from '@angular/common/http';
import {Obs
浏览 15提问于2019-01-28得票数 0
我创建了名为HttpInterceptor的新拦截器。下面是示例代码：
import { Injectable } from '@angular/core';
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor,
HttpResponse,
HttpErrorResponse,
} from '@angular/common/http';
import { Observable } from 'rxjs';
import { ErrorHandle
浏览 0提问于2018-12-19得票数 0
运行ng测试后，我将得到以下错误。
NullInjectorError: StaticInjectorErrorRequestInterceptor: NullInjectorError:没有RequestInterceptor!的提供者
RequestInterceptor
import { HttpEvent, HttpHandler, HttpHeaders, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { Injectable } from '@angular/core&#
浏览 1提问于2021-09-23得票数 0
回答已采纳
我在Angular 5.2中实现了缓存拦截器的一个很好的例子。到目前为止，它运行得很好。但是，我想修改这个缓存，以便只从缓存加载最近3秒的查询，应该重新请求较旧的查询。我如何才能做到这一点？
import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/
浏览 0提问于2018-03-09得票数 0
2回答
我使用JWT进行身份验证(没有登录页面)。我有一些问题，当站点加载时，首先是get方法，用于加载内容，然后是身份验证方法，并将令牌保存在本地存储中。
问题是我得到的错误，我没有通过身份验证，并在我刷新页面后，它的工作。我需要让他首先创建身份验证方法，并将其保存到本地存储中，然后加载页面。
Auth.service：
import { Injectable } from '@angular/core';
import { HttpService } from '../http/http.service';
import * as jwt_decode from &
浏览 0提问于2019-11-10得票数 1
我试过一些方法，但我解决不了。如果有人能给我个主意。我正在使用环境来标准化我的应用程序的路径。
我的阻断器：
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent} from '@angular/common/http';
import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';
import { TokenService } from '../token/to
浏览 4提问于2021-04-09得票数 0
回答已采纳
10回答
我正在添加一个拦截器到我的角度6计划。要调用我的API，我需要在所有调用中添加一个承载令牌。不幸的是，拦截器似乎没有被调用。我的代码：
import { Injectable } from "@angular/core";
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
import { Observable } from "rxjs";
@Injectable()
export class AuthInte
浏览 6提问于2018-06-14得票数 48
回答已采纳
1回答
如果任何api返回一个401错误response.And来执行我拦截每个请求的操作，我希望用户自动注销。一旦错误代码到达401，我将清除本地存储中的jwt令牌，并且auth保护将防止用户在实现拦截器后跳转到该route.But (示例非常少，文档中也没有提到)，我无法预先命中任何HTTP是我的code.Thanks。
import { Injectable, Injector } from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorRespons
浏览 0提问于2018-10-05得票数 5
回答已采纳
我想实现一个HttpInterceptor，以便处理一个404错误。现在，当到达HttpInterceptor时，我只想在控制台中记录一些内容。
我实现了一个基本的doNothing HttpInterceptor，但是没有工作。
app.module.ts
import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
import { ErrorHandlerInterceptor } from './blocks/interceptor/errorhandler.interce
浏览 1提问于2019-01-21得票数 2
回答已采纳
我尝试使用新的Angular 4.3拦截器为所有请求设置身份验证头。然而，它并不起作用。我在拦截器的intercept方法中设置了断点，但是浏览器没有命中它，所以看起来angular只是忽略了我的拦截器。请帮帮我，提前谢谢。
user.service.ts：
import {Injectable} from '@angular/core';
import 'rxjs/add/operator/map';
import {Observable} from "rxjs";
import {Http} from "@angular/http&#
浏览 3提问于2017-07-31得票数 50
回答已采纳
1回答
我制作了如下所示的拦截器类：
import {Injectable} from "@angular/core";
import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from "@angular/common/http";
import {Observable} from "rxjs/Observable";
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
constru
浏览 0提问于2018-06-15得票数 0
回答已采纳
1回答
我想在发出api请求之前获取新的访问令牌。此令牌将附加到拦截器中以前的api调用中。那么如何在角拦截器中进行另一个api调用呢？
import { Injectable } from '@angular/core';
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor
} from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class Tok
浏览 4提问于2021-06-17得票数 0
回答已采纳
我可以使用window.navigator.onLine和使用下面提到的HttpInterceptor获得连接状态，我可以访问全局请求。但是如何取消HttpInterceptor中的请求呢？或者有更好的方法来处理这件事？
import { Injectable } from '@angular/core';
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor
} from '@angular/common/http';
import { Observable
浏览 4提问于2017-10-18得票数 7
回答已采纳
1回答
我在我的角度应用程序中有一个，如果调用了某个端点，我只想返回模拟数据，而不是实际到服务器。
我的可观察代码似乎有问题，因为我没有收到任何错误，但是.subscribe函数没有执行。我不太确定会发生什么，因为我没有任何错误。
HttpInterceptor
import {Injectable} from '@angular/core';
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor
} from '@angular/common/http';
import {Obser
浏览 0提问于2019-07-30得票数 0
回答已采纳
我正在为启用JWT的API开发一个角9 SPA。
试图实现下面的拦截器，但收到401错误。有什么可能是错的。注:没有拦截器，工作正常。
import {
HttpEvent,
HttpHandler,
HttpInterceptor,
HttpRequest
} from "@angular/common/http";
import { AuthService } from "../services/security/auth.service";
import { Injectable } from "@angular/core"
浏览 3提问于2020-11-30得票数 0
回答已采纳
2回答
const accessExpired = this.authService.isAccessTokenExpired();
const refreshExpired = this.authService.isRefreshTokenExpired();
如何在拦截器中获取accessExpired和refreshExpired对象
阻断器
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@a
浏览 2提问于2020-01-27得票数 1
我正在努力学习如何使用HttpInterceptor为应用程序对API所做的每个HTTP请求添加几个头。我有个拦截器：
import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class fw
浏览 0提问于2018-02-08得票数 49
回答已采纳
使用角10。我的error.interceptor.ts文件不会调用。
注意'this.http.post(url，body，httpOptions);‘这个没有被调用？我不知道为什么？
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable, thr
浏览 5提问于2020-10-27得票数 1
回答已采纳
我编写了一个HttpInterceptor (Angular 4.3.6)来捕获所有请求并操作一些头字段。我的问题是它没有捕捉到每个请求。可能的问题是什么？
下面是我的拦截器：
import {Injectable} from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HTTP_INTERCEPTORS} from '@angular/common/http';
import {Observable} from 'rxjs/Observab
浏览 0提问于2017-09-26得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
