ReactJS对接.NET Core遇CORS错误：AllowAnyOrigin配置无效如何解决？

前端使用ReactJS（运行地址http://localhost:5173），后端基于.NET Core（运行地址http://localhost:8080），发起请求时收到CORS错误：

'http://localhost:8080/auth/someendpoint' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

已在Startup.cs中配置CORS：

//Add CORS
//for development env
services.AddCors(options =>
{
    options.AddPolicy("AllowAnyOrigin",
        builder => builder
            .AllowAnyOrigin()
            .AllowAnyMethod()
            .AllowAnyHeader());
});

并启用该策略：

app.UseCors("AllowAnyOrigin");

但问题依旧，如何让AllowAnyOrigin策略生效？

解决方法 #

1. 修正中间件顺序 #

app.UseCors必须放在app.UseRouting之后、app.UseAuthorization和app.UseEndpoints之前，顺序错误会导致CORS中间件不生效。正确示例：

app.UseRouting();

// 关键：CORS中间件位置要在路由之后、授权之前
app.UseCors("AllowAnyOrigin");

app.UseAuthorization();

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

2. 排查HTTPS重定向干扰 #

如果后端配置了app.UseHttpsRedirection()，需确保前端请求的是后端HTTPS地址（比如https://localhost:8081），或者暂时注释掉HTTPS重定向规则，测试是否解决问题。

3. 适配.NET Core 6+的极简配置 #

如果是.NET Core 6及以上版本（使用Program.cs单文件配置），需严格遵循服务注册和中间件顺序：

var builder = WebApplication.CreateBuilder(args);

// 注册CORS服务
builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowAnyOrigin",
        policy => policy.AllowAnyOrigin()
                        .AllowAnyMethod()
                        .AllowAnyHeader());
});

builder.Services.AddControllers();

var app = builder.Build();

// 中间件顺序不能乱
app.UseRouting();

app.UseCors("AllowAnyOrigin");

app.UseAuthorization();

app.MapControllers();

app.Run();

4. 排除全局过滤器或代理干扰 #

• 检查后端是否存在自定义CORS过滤器，避免覆盖当前策略；
• 如果前端使用了代理（比如Vite的proxy配置），确认代理规则正确，避免请求直接跨域到后端。

5. 测试指定Origin策略 #

暂时替换AllowAnyOrigin为具体前端地址，验证策略是否能正常生效：

services.AddCors(options =>
{
    options.AddPolicy("AllowSpecificOrigin",
        builder => builder.WithOrigins("http://localhost:5173")
                          .AllowAnyMethod()
                          .AllowAnyHeader());
});

然后启用app.UseCors("AllowSpecificOrigin")测试。

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