angular - CORS 策略和 .NET Core 3.1 的问题

Question

我不确定我错过了什么，但似乎无法让我的 CORS 策略与 .NET Core 3.1 和 Angular 8 客户端一起使用。
Startup.cs :

        public void ConfigureServices(IServiceCollection services)
        {
            // ...

            // Add CORS policy
            services.AddCors(options =>
            {
                options.AddPolicy("foo",
                builder =>
                {
                    // Not a permanent solution, but just trying to isolate the problem
                    builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader();
                });
            });

            services.AddControllers();
        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }

            app.UseHttpsRedirection();

            // Use the CORS policy
            app.UseCors("foo");

            app.UseRouting();

            app.UseAuthorization();

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

错误消息客户端:

Access to XMLHttpRequest at 'https://localhost:8082/api/auth/' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

更新:

尽管我错误地配置了 CORS(并且下面接受的答案实际上对此有所帮助)，但问题的根源是无关的。对于其他上下文，该应用程序在使用 CLI 运行 API 和 Angular 应用程序时完全正常工作 - 我只是在将它们都部署到 Web 服务器后才遇到这个问题。

“实际”问题最终与 SQL 连接有关，我是在向 API 添加平面文件错误日志记录并运行 SQL Server 跟踪以发现该应用程序根本无法连接到 SQL 后才发现的。

我通常希望这只会返回 500 并且我会在 10 秒内意识到这个问题 - 但是 CORS 错误配置意味着 500 实际上从未被返回，因为 CORS 中间件首先失败。 至少可以说这是非常令人沮丧的! .然而，我想在这里补充一点，以防其他人发现自己处于这种情况，因为我“追错了兔子”，如果你愿意的话。 修复 CORS 配置后，我意识到实际问题与 CORS 完全无关。

TL; 博士; - 如果 CORS 策略设置不正确，有时“非 CORS”.NET 服务器端错误会作为 CORS 错误返回

引用:

https://docs.microsoft.com/en-us/aspnet/core/security/cors?view=aspnetcore-3.1#cors-with-named-policy-and-middleware

https://medium.com/swlh/cors-headers-with-dot-net-core-3-5c9dfc664785

Answer 1

第一 app.UseRouting();然后 app.UseCors("foo");
更改您的 Configure方法如下:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }

    app.UseHttpsRedirection();



    app.UseRouting();  // first
    // Use the CORS policy
    app.UseCors("foo"); // second

    app.UseAuthorization();

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

它对我有用!