Angular 8 拦截器中注入的AuthService为何触发时为未定义？

你遇到的_authService为undefined的问题，本质是Angular依赖注入(DI)的循环依赖：

• HTTP拦截器是HttpClient初始化链路里的最早注册节点，在整个HTTP管线加载阶段就会被实例化
• 你的AuthService构造函数里注入了HttpClient，意味着AuthService的实例化必须等HttpClient完全初始化完成才能进行
• 这就形成了循环引用：拦截器要拿AuthService实例 → AuthService要拿HttpClient → HttpClient要等所有拦截器注册完成才能实例化 → DI容器无法正确解析依赖，最终给拦截器返回了未初始化的undefined实例。

之前你尝试在appModule的providers里手动声明AuthService，反而引发其他异常，是因为AuthService本身已经通过providedIn: 'root'标记为根级单例，手动重复注册会创建多实例，导致全局用户状态不同步的奇怪bug。

方案1：延迟注入绕过循环依赖（Angular官方推荐做法） #

不要在拦截器构造函数里直接注入AuthService，改成注入通用的Injector对象，等到真正需要调用AuthService的方法时，再从Injector里取对应实例，完全绕开初始化阶段的循环依赖。
改动点如下：

1. 从@angular/core引入Injector
2. 修改拦截器构造函数，移除直接注入的AuthService参数，替换为Injector实例

   constructor(
     private _loadingController: LoadingController,
     private injector: Injector,
     private _router: Router
   ) {}
   

3. 在catchError的错误处理逻辑里，实时获取AuthService实例：

   return next.handle(changedRequest).pipe(catchError(err => {
     // 此处DI初始化已完成，可正常获取AuthService单例
     const authService = this.injector.get(AuthService);
     authService.deuErro = true;
     let mensagem: string = 'Ocorreu um erro desconhecido ao tentar processar a operação!'
     // 原有switch判断错误状态码的逻辑保持不变
     switch (err.status){
       // ...原有case判断逻辑
     }
     authService.open(mensagem)
     // 注意：原代码直接return []是错误写法，会吞掉错误导致业务方收不到回调，需替换为抛出错误
     return throwError(() => err);
   }))
   

方案2：功能拆分解耦 #

如果不想用延迟注入的方式，可以把错误提示的能力从AuthService里拆分出来：

• 新建独立的ToastNotificationService，仅注入Ionic的ToastController，不引入任何HttpClient相关依赖
• 拦截器直接注入这个新的提示服务，就不会触发循环依赖
• AuthService保留原有的登录、用户状态管理逻辑即可，提示能力统一迁移到新的服务里

• 不要在appModule的providers里重复声明已经用providedIn: 'root'标记的服务，会破坏单例规则
• 拦截器的catchError逻辑不要直接返回空数组，必须把原始错误重新抛出，否则所有调用HTTP接口的业务代码都无法触发错误回调，会出现无提示的请求卡死问题
• 这种拦截器需要依赖业务服务的场景，优先用Injector延迟获取实例，是Angular社区经过验证的通用解法，不会破坏单例逻辑

运行时错误对应截图：运行时错误截图

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