Angular UI未等待Windows认证完成即重定向至API URL问题求助

我来帮你梳理下这类问题的常见解决思路，这种未等用户完成Windows认证就跳转的情况，大多是请求流程没有正确处理认证交互导致的：

一、Angular端：让请求等待认证完成 #

• 首先要确保HTTP请求启用withCredentials，这能让浏览器正确携带Windows认证信息，同时避免提前发起无认证的请求。可以通过HTTP拦截器全局配置：

  import { Injectable } from '@angular/core';
  import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
  import { Observable } from 'rxjs';
  
  @Injectable()
  export class WindowsAuthInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
      // 克隆请求并启用凭证携带
      const authRequest = req.clone({
        withCredentials: true
      });
      return next.handle(authRequest);
    }
  }
  

• 检查应用的初始化逻辑或路由守卫：如果在应用启动时就直接发起API请求，很可能会在认证弹窗出现前触发跳转。可以把初始API请求延迟到认证完成后，比如监听浏览器的认证状态，或者在弹窗关闭后再执行请求。

二、ASP.NET WebAPI端：配置正确的认证规则 #

• 确保WebAPI强制要求认证，且不自动重定向未认证请求。以.NET 6+为例，在Program.cs里这样配置：

  var builder = WebApplication.CreateBuilder(args);
  
  // 注册Windows认证服务
  builder.Services.AddAuthentication(IISDefaults.AuthenticationScheme);
  builder.Services.AddAuthorization(options =>
  {
      // 全局要求认证，避免匿名访问
      options.FallbackPolicy = options.DefaultPolicy;
  });
  
  var app = builder.Build();
  
  app.UseAuthentication();
  app.UseAuthorization();
  
  // 所有控制器路由都要求认证
  app.MapControllers().RequireAuthorization();
  

• 重点：不要让API在未认证时返回302重定向，要保持返回401状态码，这样浏览器才会触发Windows认证弹窗，而不是直接跳转。

三、浏览器环境配置 #

• 把你的API域名加入浏览器的本地intranet区域：打开浏览器的「Internet选项」→「安全」→「本地intranet」→「站点」，添加API的URL。这样浏览器会优先使用当前Windows账号尝试认证，或在弹窗出现时等待用户操作。
• 暂时禁用第三方浏览器插件，避免插件干扰认证流程。

四、调试排查技巧 #

• 用浏览器开发者工具（F12）查看网络请求：如果看到API请求先返回401，紧接着又触发302重定向，那说明API端配置了自动跳转，需要改成返回401；如果请求直接发送且没有等待认证，那大概率是Angular端没正确配置withCredentials或请求时机不对。

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