[英]How to prevent duplicated requests for interceptor in Angular?
我有一个interceptor
,它拦截从200 OK
消息接收到的401
错误代码。
不幸的是,我无法修改API
服务器以返回401
错误而不是带有错误代码的200 OK
。
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).pipe(
switchMap((result: any) => {
//401 unauthorized error message
if (result && result.body && result.body.isSuccess == false && result.body.errorCode == '401') {
return this.unAuthorizedError(request, next);
} else {
return next.handle(request);
}
}),
catchError((error) => {
if (error instanceof HttpErrorResponse) {
switch ((<HttpErrorResponse>error).status) {
case 401:
case 403:
return this.unAuthorizedError(request, next);
default:
break;
}
}
return throwError(error);
})
);
}
问题是每个请求都发送了两次,我认为这可能是由于返回next.handle(request)
的switchMap
方法。
我尝试了tap
方法
tap((result: any) => {
//401 unauthorized error message
if (result && result.body && result.body.isSuccess == false && result.body.errorCode == '401') {
return this.unAuthorizedError(request, next);
}
}),
它只发送一次请求,但是当令牌过期时,不会调用this.unAuthorizedError(request, next)
。
我认为你是对的,什么next.handle(request);
做的是再次提出请求。
当创建switchMap
的内部可观察对象时,您已经有了一个响应,所以我想说您可以用of(response)
替换next.handle()
) 以便它可以由发起请求的部分使用:
/* ... */
return next.handle(request).pipe(
switchMap((result: any) => {
//401 unauthorized error message
if (result && result.body && result.body.isSuccess == false && result.body.errorCode == '401') {
return this.unAuthorizedError(request, next);
} else {
return of(result);
}
}),
)
/* ... */
我写了一篇关于 Angular 的HTTPClientModule
的文章, 这里是我谈论拦截器的部分。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.