Angular OAuth2 Oidc：如何让两个服务实例请求均携带Bearer Token

针对你遇到的懒加载导致服务多实例、仅部分请求携带Bearer Token的问题，可从以下几个方向解决：

1. 强制服务单例化 #

懒加载场景下服务多实例的核心原因通常是服务注册方式错误：

• 如果是Angular项目，确保你的业务服务使用providedIn: 'root'注册，而非在懒加载模块的providers数组中重复声明：

  @Injectable({
    providedIn: 'root' // 全局单例，所有模块共享同一实例
  })
  export class YourApiService {}
  

• 若必须在模块中注册服务，使用forRoot()模式封装共享模块，避免懒加载模块重复实例化服务：

  @NgModule({})
  export class ApiServiceModule {
    static forRoot(): ModuleWithProviders<ApiServiceModule> {
      return {
        ngModule: ApiServiceModule,
        providers: [YourApiService]
      };
    }
  }
  

  根模块导入ApiServiceModule.forRoot()，懒加载模块仅导入ApiServiceModule即可。

2. 使用全局HTTP拦截器统一注入Token #

放弃依赖业务服务内部的Token添加逻辑，改用全局HTTP拦截器拦截所有请求并自动附加Token，彻底规避多实例问题：

1. 创建OAuth拦截器：

   import { Injectable } from '@angular/core';
   import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
   import { Observable } from 'rxjs';
   import { OAuthService } from 'angular-oauth2-oidc';
   
   @Injectable()
   export class OAuthTokenInterceptor implements HttpInterceptor {
     constructor(private oauthService: OAuthService) {}
   
     intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
       const accessToken = this.oauthService.getAccessToken();
       if (accessToken) {
         const authorizedReq = req.clone({
           setHeaders: {
             Authorization: `Bearer ${accessToken}`
           }
         });
         return next.handle(authorizedReq);
       }
       return next.handle(req);
     }
   }
   

2. 在根模块注册拦截器：

   import { HTTP_INTERCEPTORS } from '@angular/common/http';
   import { OAuthTokenInterceptor } from './oauth-token.interceptor';
   
   @NgModule({
     providers: [
       { 
         provide: HTTP_INTERCEPTORS, 
         useClass: OAuthTokenInterceptor, 
         multi: true 
       }
     ]
   })
   export class AppModule {}
   

   此方式下，无论哪个服务实例发起请求，都会被拦截并自动携带Token。

3. 检查OAuthService的单例性 #

确认angular-oauth2-oidc库的OAuthService是全局单例：

• 仅在根模块中导入OAuthModule.forRoot()，懒加载模块不要重复导入该模块；
• 避免在任何懒加载模块的providers中声明OAuthService，确保整个应用共享同一实例。

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