Angular / .NET Core 项目上的 Cors 问题

Question

我无法从我的 http 请求中获取数据。在服务器端，我有以下内容

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllers();
    services.AddSwaggerGen();
    services.AddScoped<IRepository, Repository>();
    services.AddAuthentication(IISDefaults.AuthenticationScheme);
    services.AddCors(options => 
            options.AddDefaultPolicy(builder => builder
               .WithOrigins("http://localhost:4200")
               .AllowAnyMethod().AllowAnyHeader().AllowCredentials()));
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
        
    app.UseSwagger();
    app.UseSwaggerUI(c =>
    {
        c.SwaggerEndpoint("/swagger/v1/swagger.json", "KYCDB API");
    });

    app.UseHttpsRedirection();

    app.UseRouting();

    app.UseCors();

    app.UseAuthentication();

    app.UseAuthorization();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });
}

该项目还开启了 Windows 身份验证，关闭了匿名。

"iisSettings": {
    "windowsAuthentication": true,
    "anonymousAuthentication": false,
    "iisExpress": {
       "applicationUrl": "http://localhost:51721",
       "sslPort": 49321
    }
}

在角度方面我得到了一个组件

export class HeaderComponent implements OnInit {
  currentEmployee$: Observable<Employee>;

  constructor(private userService: UserService) { }

  ngOnInit(): void {
    this.currentEmployee$ = this.userService.getCurrentEmployee();
  }
}

还有一个拦截器

@Injectable()
export class ApiInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    req = req.clone({ withCredentials: true });
    return next.handle(req);
  }
}

当页面加载时，我收到 2 个警告和一个错误

警告：跨域请求被阻止：同源策略不允许读取位于 http://localhost:51721/employee/current 的远程资源。 （原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

警告：跨域请求被阻止：同源策略不允许读取位于 http://localhost:51721/employee/current 的远程资源。 （原因：CORS 请求未成功）。

错误：http://localhost:51721/employee/current 的 Http 失败响应：0 未知错误

我需要纠正什么？

Answer 1

抱歉，这是一个困难的问题，因此可能有很多原因它不起作用，但我遇到了类似的问题，并通过更改 Configure() 函数中的 cors 调用解决了它。 Configure() 函数在运行时被调用并充当 http 请求管道，因此在某些情况下执行顺序很重要 (https://docs.microsoft.com/en-us/aspnet/core/fundamentals/startup?view=aspnetcore-3.1#the-configure-method)

您可以尝试以下方法：

改变电流：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
        
    app.UseSwagger();
    app.UseSwaggerUI(c =>
    {
        c.SwaggerEndpoint("/swagger/v1/swagger.json", "KYCDB API");
    });

    app.UseHttpsRedirection();

    app.UseRouting();

    app.UseCors(); // Move this

    app.UseAuthentication();

    app.UseAuthorization();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });
}

收件人：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
        
    app.UseSwagger();
    app.UseSwaggerUI(c =>
    {
        c.SwaggerEndpoint("/swagger/v1/swagger.json", "KYCDB API");
    });

    app.UseRouting();

    app.UseCors(); // Here

    app.UseHttpsRedirection();

    app.UseAuthentication();

    app.UseAuthorization();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });
}

因此，http 管道中的第一个操作是验证 cors。我认为这是一个公平的赌注，因为从您的问题来看，听起来您没有收到应用程序初始化错误，而是出现运行时客户端请求时间错误。我不确定这是否会解决问题，但也许会有所帮助！