Angular问题：为何返回结果是Observable而非预期的对象数组？

核心问题：catchError 错误返回 Observable 包裹的 Promise #

你的 post 方法中，catchError 使用了 async 关键字，这会让该函数返回一个 Promise，而你在里面返回 throwError(error)，最终得到的是 Promise<Observable<Error>>。RxJS 的 catchError 期望返回一个 ObservableInput（Observable、Promise、Iterable 等），但这里的 Promise 包裹了 Observable，当错误触发时，这个 Observable 会被当作普通值向下游发射，导致你在 tap 中接收到的 res 变成了 Observable 对象。

修复代码（post 方法） #

去掉 catchError 里的 async 关键字，直接返回 throwError(error)：

post(endpoint: string, body: any, token? : string, reqOpts?: any, url_alt?: any) {
    this.set_headers(token);
    if (!reqOpts) reqOpts = {};
    // 注意：HttpHeaders 是不可变对象，append 需重新赋值
    this.headers = this.headers.append("Content-Type", "application/json");
    reqOpts.headers = this.headers;
    return this.http.post(this.url + endpoint, body, reqOpts).pipe(
        timeout(105000),
        retry(3),
        catchError((error) => {
            return throwError(error);
        })
    );
}

次要问题：HttpHeaders 不可变对象的误用 #

Angular 的 HttpHeaders 是不可变的，append 方法不会修改原对象，而是返回一个新的 Headers 实例。你原来的写法 this.headers.append({"Content-Type": "application/json"}) 不会生效，需要重新赋值给 this.headers，否则请求头可能不符合预期。

额外优化：tap 中避免使用 async #

你的调用代码里 tap 用了 async 函数，虽然不会直接导致当前问题，但 tap 不处理 Promise 的异步结果，可能引发意外的时序问题。如果需要在 tap 中执行异步操作，建议改用 switchMap 或 concatMap，或者确保异步操作不影响流的执行：

this.api[op.type](op.endpoint, op.body, op.token).pipe(
    take(1),
    tap(res => {
        if (res) {
            // 同步操作或自行处理异步逻辑
        }
    }),
    catchError((err) => {
        // 错误处理逻辑，不要用 async
        return throwError(err);
    })
);

内容的提问来源于stack exchange，提问作者JavierC