API返回404响应时初始化Observable的代码不生效如何解决

你的代码无法生效是三个逻辑错误导致的：

• 在catchError内部重新给this.voicesProfileObservable$赋值没有意义：流被订阅时，订阅者持有的是初始的流引用，不会感知到后续你对这个类属性的重新赋值，自然拿不到你设置的默认值。
• 你在catchError最终返回的是throwError(error)，就算赋值逻辑生效，流最终还是会抛出错误，订阅方只会收到错误通知，根本拿不到初始化的默认配置。
• 没有做错误类型判断：当前逻辑下不管请求返回什么错误码，都会触发初始化逻辑，不符合「仅404时执行初始化」的需求。

不要在catchError中修改外部的Observable引用，直接在流内部处理错误分支：检测到错误是404时，直接返回携带默认初始化值的Observable；非404错误再正常抛出即可。

import { of, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

const urlParams = { email: this.email };
// 抽离默认初始化配置
const DEFAULT_VOICES_PROFILE = {
  aboutSectionType: '',
  aboutCustomizedDescription: '',
  showSpacesFollowed: true,
  showBadgesEarned: true,
  showMobileNumber: true,
  showOfficeNumber: false,
  showEmail: true,
  showSlackHandle: false,
  video: {},
  socialLinks: [],
  personalLinks: [],
};

this.voicesProfileObservable$ = this.service.request<any>(
  AVAILABLE_SERVICES.GET_USER_PROFILE_VOICES.ID,
  {},
  { urlParams }
).pipe(
  catchError((error) => {
    // 注意根据你项目实际的错误结构调整状态码读取路径，常见的还有error.code、error.error.status
    if (error?.status === 404) {
      // 404场景直接返回默认值，流正常结束不会抛出错误
      return of(DEFAULT_VOICES_PROFILE);
    }
    // 其他错误正常抛出，走全局错误处理逻辑
    return throwError(() => error);
  })
);

如果你用的是RxJS 6及更早版本，throwError不需要传工厂函数，直接写return throwError(error);即可。

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