Início / coding / Perguntas / 79598677
Accepted
Nathan30
Asked: 2025-04-29 22:55:20 +0800 CST

Solicitação angular duplicada se o erro for gerado

  • 772

Tenho um comportamento estranho com minhas requisições. Se a requisição gerar um erro, uma segunda requisição será iniciada automaticamente.

insira a descrição da imagem aqui

Aqui está um exemplo da minha solicitação:

this.http.post(environment['url'] + '/ws/verifier/documents/list', {}, {headers}).pipe(
    tap((data: any) => {
        ....
    }),
    finalize(() => {
        ....
    }),
    catchError((err: any) => {
        console.debug(err);
        this.notify.handleErrors(err);
        return of(false);
    })
).subscribe();

Como posso fazer para evitar essa solicitação duplicada se um erro for gerado?

Obrigado

EDIT: Eu tenho este interceptador. Usado para atualizar o token se o erro 401 for gerado. Mas se for outro erro, a solicitação é reenviada. Existe alguma solução para evitar isso?

intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    return next.handle(request).pipe(
        catchError((err: any) => {
            if (err.status === 401) {
                return this.handle401Error(request, next);
            }
            return next.handle(request);
        })
    );
}
angular

1 respostas

  1. Best Answer

    O problema provavelmente é que você está chamando next.handle(request)duas vezes. Como chamar essa função passa a requisição para o próximo interceptador na cadeia, você está executando a cadeia duas vezes, portanto, a requisição está duplicada. De acordo com a documentação :

    O próximo objeto representa o próximo interceptador na cadeia de interceptadores. O último na cadeia é o HttpClientmanipulador de backend que envia a solicitação ao servidor e recebe a resposta do servidor.

    O que você pode querer é isto:

    intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    return next.handle(request).pipe(
        catchError((err: any) => {
            if (err.status === 401) {
                return this.handle401Error(request, next);
            }
            return throwError((err) => err); // or handle error in some other way
        })
    );
}

    Além disso, como você está passando nextpara handle401Erroruma função, tome cuidado para não chamá- next.handle()la, pois você pode encontrar o mesmo problema que está tendo agora.

    • 4

relate perguntas