Angular中inject()返回新实例，如何获取全局根注入的AuthService单例？

核心问题定位 #

你的代码存在两个关键问题，导致出现"实例不一致"的表象：

• AuthService的storeToken方法存在this绑定丢失，令牌未被正确存入全局实例
• 守卫的使用方式不符合Angular注入上下文要求

具体修复步骤 #

1. 修复AuthService的this绑定错误 #

在signIn方法中，直接传递this.storeToken到tap操作符会导致方法执行时this指向丢失（不再指向AuthService实例），令牌无法被正确存储。可通过以下三种方式修复：

方式一：用箭头函数包裹调用

signIn(email: string, password: string) {
  return super.post<AuthResult>('signin', { email, password }).pipe(
    tap(result => this.storeToken(result))
  );
}

方式二：绑定this到storeToken方法

signIn(email: string, password: string) {
  return super.post<AuthResult>('signin', { email, password }).pipe(
    tap(this.storeToken.bind(this))
  );
}

方式三：将storeToken改为箭头函数

从根源避免this绑定问题：

private storeToken = (result: AuthResult) => {
  this.accessToken = result.accessToken;
  this.refreshToken = result.refreshToken;
};

2. 确保守卫使用全局注入实例 #

函数式守卫（authenticationGuard）

路由配置中直接传入函数引用即可，无需调用（Angular会在正确的注入上下文执行它）：

const routes: Routes = [
  {
    path: 'account',
    loadChildren: () => import('./views/account/account.routes').then(t => t.routes),
    canActivate: [authenticationGuard] // 注意不要加()
  }
];

类守卫（AuthGuard）

直接在canActivate数组中传入类引用，Angular会自动从根注入器获取全局实例：

const routes: Routes = [
  {
    path: 'account',
    loadChildren: () => import('./views/account/account.routes').then(t => t.routes),
    canActivate: [AuthGuard]
  }
];

3. 排查懒加载模块的重复提供 #

检查懒加载的account模块对应的NgModule，确保没有在其providers数组中再次声明AuthService。如果懒加载模块自行提供AuthService，会创建局部实例，导致与全局实例不一致。

验证方法 #

在AuthService构造函数中打印实例标识，确认所有注入场景使用的是同一个实例：

constructor(http: HttpClient) {
  super(http, 'auth');
  console.log('AuthService 实例:', this);
}

登录后查看控制台，确认守卫和其他组件中注入的是同一个实例对象，且refreshToken被正确赋值。

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