实际处理来自服务器的Angular HTTP 404错误，该错误表示没有记录的有效响应

Question

我遇到的情况是，我使用的web服务编码不一致，我无法更改它们的行为。我的主要问题是，在后端数据库中没有与查询条件对应的记录的情况下，web服务在有效的GET方法上返回HTTP 404错误。正确的行为应该是带有空元素数组(例如公司列表(的200HTTP响应。

我有一个带catchError函数的Angularinterceptor，我对它进行了编码，以识别404实际上不是错误的情况。在此逻辑中，我希望抑制错误并返回包含body: {companies: []}的response。

有办法做到这一点吗？

@Injectable()
export class TokenInterceptor implements HttpInterceptor {
public intercept(request: { clone: (arg0: { headers: any; }) => any; headers: { set: (arg0: string, arg1: string) => any; }; }, next: { handle: (arg0: any) => any; }) {
...
return next.handle(request.clone({headers})).pipe(
// retry(1),
catchError((error: HttpErrorResponse) => {
let message;
if (error.error instanceof ErrorEvent) {
message = `Client error: ${error.error.message}`;
}
else {
message = `Server code: ${error.status}nMessage: ${error.message}`;
// detect 404 error that aren't really errors
if (404 === error.status && [Webservices.GET_MEMBER_COMPANIES, Webservices.GET_MEMBER_PERSONS, Webservices.GET_MEMBER_PERSON_COMPANY_LINKS, Webservices.GET_MEMBER_VISUALIZATION_STATES].some((path: string) => {
return (new RegExp(path.replace(Webservices.MEMBER_ID, '\d+').replace(Webservices.COMPANY_ID, '\d+').replace(Webservices.PERSON_ID, '\d+').replace(Webservices.VISUALIZATION_STATE_ID, '\d+'))).test(error.url);
})) {
console.debug(error);
}
}
console.debug(headers);
console.debug(message);
// window.alert(message);
return throwError(message);
})
);
}
}

注意：以上是正在进行的工作，仅用于说明错误处理程序的状态

谢谢！

Answer 1

在您的catchError中，您需要返回一个Observable<HttpResponse>。试试这个：

import {of} from 'rxjs'; //Add this
catchError((error: HttpErrorResponse) => {
if (404 === error.status){
var response = new HttpResponse({
body: {companies: []} //your body object
});
return of(response);
}
return throwError(message);
}

说明：如果您查看拦截器签名(HttpEvent(intercept(req:HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>，返回类型为Observable<HttpEvent<any>>，这是一个定义为：的角度类型

type HttpEvent<T> = HttpSentEvent | HttpHeaderResponse | HttpResponse<T> | HttpProgressEvent | HttpUserEvent<T>;

因此，构建您的HttpResponse变量并使用运算符将其返回为Observable。

仅此而已。