Angular登录页自动跳转异常：注入AuthenticationService引发问题

1. 排查AuthenticationService的构造函数逻辑 #

OpenAPI生成的AuthenticationService大概率在初始化时包含了自动跳转逻辑——比如检查本地存储是否存在有效token，若存在就直接跳转到根路径。重点查看服务构造函数内是否有router.navigate或类似触发路由跳转的代码。

2. 验证服务初始化时机 #

如果该服务是全局提供的（@Injectable({ providedIn: 'root' })），应用启动时就会自动初始化它，导致登录页还未完全渲染就被触发跳转。可以在服务构造函数中加console.log，确认是否在访问/login时提前执行了服务初始化。

3. 调整服务的提供范围 #

把服务的全局提供改为仅在需要使用的模块/组件中提供，比如修改@Injectable的配置：

@Injectable({
  providedIn: 'any' // 改为any或指定模块
})
export class AuthenticationService {
  // ... 服务代码
}

4. 检查路由守卫配置 #

确认路由配置中，登录页是否被错误地应用了AuthGuard类的守卫。确保登录页路由排除守卫：

const routes: Routes = [
  { path: 'login', component: LoginComponent }, // 移除canActivate等守卫配置
  { path: '', component: HomeComponent, canActivate: [AuthGuard] },
  // 其他路由规则
];

5. 临时验证方案 #

如果需要快速确认问题根源，可以在LoginComponent中延迟注入服务，避免构造阶段触发服务初始化：

import { inject, OnInit } from '@angular/core';
import { AuthenticationService } from './path-to-service';

export class LoginComponent implements OnInit {
  private authService!: AuthenticationService;

  ngOnInit(): void {
    this.authService = inject(AuthenticationService);
  }
}

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