Blazor oauth2被CORS阻止

Blazor OAuth2 被 CORS 阻止的问题通常是由于跨域资源共享（CORS）策略的限制导致的。以下是关于这个问题的基础概念、原因分析以及解决方案：

基础概念

CORS（Cross-Origin Resource Sharing） 是一种安全机制，用于限制浏览器对不同源（域）资源的访问。当一个网页尝试从不同的源请求资源时，浏览器会检查目标服务器是否允许这种跨域请求。

OAuth2 是一种授权框架，允许第三方应用获取对用户资源的有限访问权限。在 Blazor 应用中使用 OAuth2 进行身份验证时，可能会涉及到跨域请求。

原因分析

服务器未正确配置 CORS：服务器没有设置允许来自 Blazor 应用域的请求。
预检请求（Preflight Request）失败：某些跨域请求会触发一个 OPTIONS 请求（预检请求），如果服务器没有正确处理这个请求，就会导致整个请求被阻止。
回调 URL 不匹配：OAuth2 提供商可能配置了特定的回调 URL，如果 Blazor 应用的回调 URL 不在这些配置中，也会导致请求被阻止。

解决方案

1. 配置服务器允许 CORS

确保你的服务器配置了正确的 CORS 策略。以下是一个 ASP.NET Core 的示例：

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowSpecificOrigin",
            builder => builder.WithOrigins("https://yourblazorapp.com")
                              .AllowAnyHeader()
                              .AllowAnyMethod());
    });

    services.AddControllersWithViews();
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
        app.UseHsts();
    }

    app.UseHttpsRedirection();
    app.UseStaticFiles();

    app.UseRouting();

    app.UseCors("AllowSpecificOrigin");

    app.UseAuthorization();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "default",
            pattern: "{controller=Home}/{action=Index}/{id?}");
    });
}

2. 处理预检请求

确保服务器能够正确响应 OPTIONS 请求。在 ASP.NET Core 中，通常不需要额外配置，因为 app.UseCors 中间件会自动处理这些请求。

3. 配置 OAuth2 提供商的回调 URL

确保你在 OAuth2 提供商的管理界面中配置了正确的回调 URL。例如，如果你使用的是 IdentityServer4，你的配置可能如下：

public static IEnumerable<IdentityResource> GetIdentityResources()
{
    return new List<IdentityResource>
    {
        new IdentityResources.OpenId(),
        new IdentityResources.Profile(),
    };
}

public static IEnumerable<ApiScope> GetApiScopes()
{
    return new List<ApiScope>
    {
        new ApiScope("yourapi", "Your API Description")
    };
}

public static IEnumerable<Client> GetClients()
{
    return new List<Client>
    {
        new Client
        {
            ClientId = "yourclientid",
            AllowedGrantTypes = GrantTypes.Code,
            RedirectUris = { "https://yourblazorapp.com/signin-oidc" },
            PostLogoutRedirectUris = { "https://yourblazorapp.com/signout-callback-oidc" },
            AllowedScopes = { "openid", "profile", "yourapi" }
        }
    };
}