Javascript和。净最小API

Question

我正在用纯javascript为.NET 6中的最小API发出请求，但是当我在浏览器中打开它时，我收到以下消息：

“获取”的访问权限https://localhost:7252/v1/todosCORS策略已阻止“来自源”的“null”：请求的资源上不存在“访问控制允许源”标头。不透明响应满足您的需求，将请求的模式设置为“无cors”以获取禁用cors的资源。

我已经在API中添加了CORS配置，但它不起作用：

• JavaScript的endpoint调用：

fetch('https://localhost:7252/v1/todos')
    .then(response => response.json()) ...

<李>。NET API程序配置

builder.Services.AddCors(options => options.AddDefaultPolicy(builder => 
{ 
    builder.WithOrigins(
        "https://localhost:7252/v1/todos",
        "https://localhost:7252");
}));

app.UseCors();

Answer 1

您可能希望稍微扩展一下

 app.UseCors(builder => builder
 .AllowAnyOrigin()
 .AllowAnyMethod()
 .AllowAnyHeader()
 .AllowCredentials());

这里有一个完整的代码示例

public class Startup
{
readonly string MyAllowSpecificOrigins = "_myAllowSpecificOrigins";

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy(name: MyAllowSpecificOrigins,
                          builder =>
                          {
                              builder.WithOrigins("http://example.com",
                                                  "http://www.contoso.com");
                          });
    });

    // services.AddResponseCaching();
    services.AddControllers();
}

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

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

    app.UseCors(MyAllowSpecificOrigins);

    // app.UseResponseCaching();

    app.UseAuthorization();

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

Asp Cors样品