如何在ASP.NET Core 6.0 Web API项目中启用CORS？ [英] How to enable cors in ASP.NET Core 6.0 Web API project?

问题描述

在我的ASP.NET Core 6.0 Web API项目中配置CORS。但印前检查请求收到http 405错误。

换句话说，不允许使用HTTP选项。看起来CORS未启用。

我看过config.EnableCors();的示例，但此项目模板中没有App_Start/WebApiConfig.cs。

我这里错过了什么？

Program.cs

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.

builder.Services.AddControllers();

// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();

var devCorsPolicy = "devCorsPolicy";
builder.Services.AddCors(options =>
{
    options.AddPolicy(devCorsPolicy, builder => {
        //builder.WithOrigins("http://localhost:800").AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader();
        builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader();
        //builder.SetIsOriginAllowed(origin => new Uri(origin).Host == "localhost");
        //builder.SetIsOriginAllowed(origin => true);
    });
});


var app = builder.Build();

if (app.Environment.IsDevelopment())
{
    app.UseSwagger();
    app.UseSwaggerUI();
    app.UseCors(devCorsPolicy);
}
else 
{
    app.UseHttpsRedirection();
    app.UseAuthorization();
    //app.UseCors(prodCorsPolicy);
}

app.MapControllers();

app.Run();

推荐答案

您发布的代码似乎工作正常。我将代码粘贴到一个新的.NET6项目中，当从浏览器发送如下所示的请求时，CORS标头将添加到响应中。

fetch('http://localhost:7107/Weatherforecast').then(res => res.json()).then(e => console.log(e))

结果如下：

这篇关于如何在ASP.NET Core 6.0 Web API项目中启用CORS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！