Angular集成认证服务器时，Promises/Observables与重定向的疑问

嘿，Tomas，这个问题问到点子上了，我来给你明确答案：你的.then()回调完全不会执行。

原因很简单： #

当你在login()函数里调用window.location.replace('URL-to-auth-server')时，浏览器会立刻做这两件事：

• 卸载当前的Angular应用页面，销毁所有正在运行的JavaScript上下文
• 加载第三方认证服务器的页面

这就相当于你直接关掉了当前的应用页面，原来页面里所有未完成的代码逻辑（包括那个.then()里的回调）都会被直接终止，根本没有机会运行。而且你的login()函数其实并没有返回一个能正常resolve的Promise——因为页面跳转后，这个函数的执行就被打断了。

正确的处理方式 #

第三方认证的常规流程是这样的：

• 用户触发登录，跳转到第三方认证服务器
• 用户在认证服务器完成登录后，服务器会重定向回你的Angular应用，同时携带令牌（token）或者授权码（code）
• 你需要在Angular里专门配置一个回调路由（比如/auth-callback），在这个路由对应的组件里处理令牌解析、登录状态校验的逻辑

举个简单的实现思路：

1. 在路由配置里添加回调路由：

const routes: Routes = [
  // 其他路由...
  { path: 'auth-callback', component: AuthCallbackComponent }
];

2. 在AuthCallbackComponent的ngOnInit里处理逻辑：

ngOnInit(): void {
  // 从URL参数里获取令牌/授权码
  const token = this.route.snapshot.queryParamMap.get('token');
  if (token) {
    // 校验令牌、解析用户信息、更新登录状态
    this.authService.processLoginResult(token);
    // 跳转到应用首页
    this.router.navigate(['/']);
  } else {
    // 处理登录失败的情况
    this.router.navigate(['/login']);
  }
}

这样就能正确完成第三方认证的后续流程啦～

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