Як увімкнути CORS в ASP.NET Core

Я намагаюсь увімкнути спільний доступ до ресурсів на моєму веб-API ASP.NET Core, але я застряг.

EnableCorsАтрибут приймає policyNameтипу в stringякості параметра:

// Summary:
//     Creates a new instance of the Microsoft.AspNetCore.Cors.Core.EnableCorsAttribute.
//
// Parameters:
//   policyName:
//     The name of the policy to be applied.
public EnableCorsAttribute(string policyName);

Що policyNameозначає і як я можу налаштувати CORS на веб-API ASP.NET Core?

Ви повинні налаштувати політику CORS при запуску програми ConfigureServicesметодом:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(o => o.AddPolicy("MyPolicy", builder =>
    {
        builder.AllowAnyOrigin()
               .AllowAnyMethod()
               .AllowAnyHeader();
    }));

    // ...
}

CorsPolicyBuilderВ builderдозволяє налаштувати політику для ваших потреб. Тепер ви можете використовувати це ім'я, щоб застосувати політику до контролерів та дій:

[EnableCors("MyPolicy")]

Або застосувати його до кожного запиту:

public void Configure(IApplicationBuilder app)
{
    app.UseCors("MyPolicy");

    // ...

    // This should always be called last to ensure that
    // middleware is registered in the correct order.
    app.UseMvc();
}

Застосовується до .NET Core 1 та .Net Core 2 (далі вниз)

Якщо використовується .Net-Core 1.1

На жаль, документи дуже заплутані в цьому конкретному випадку. Тому я зроблю його мертвим-простим:

• Додайте Microsoft.AspNetCore.Corsнуд пакет до свого проекту
• У ConfigureServicesметоді додатиservices.AddCors();

• У Configureметоді перед тим, як зателефонувати app.UseMvc()та app.UseStaticFiles(), додайте:

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

Це воно. Кожен клієнт має доступ до вашого веб-сайту / API API.

Якщо використовується .Net-Core 2.0

• Додайте Microsoft.AspNetCore.Corsнуд пакет до свого проекту

• у ConfigureServicesметоді перед викликом services.AddMvc()додайте:

   services.AddCors(options =>
      {
          options.AddPolicy("AllowAll",
              builder =>
              {
                  builder
                  .AllowAnyOrigin() 
                  .AllowAnyMethod()
                  .AllowAnyHeader()
                  .AllowCredentials();
              });
      });

• (Важливо) У Configureспособі перед викликом app.UseMvc()додайте app.UseCors("AllowAll");

  AllowAll- це назва політики, яку нам потрібно зазначити в app.UserCors. Це може бути будь-яке ім’я.

Виходячи з відповіді Хенка, мені вдалося придумати конкретний домен, метод, який я хочу дозволити, а також заголовок, який я хочу включити CORS для:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
         options.AddPolicy("AllowSpecific", p => p.WithOrigins("http://localhost:1233")
                                                   .WithMethods("GET")
                                                   .WithHeaders("name")));
    services.AddMvc();
}

використання:

[EnableCors("AllowSpecific")]

Зокрема в ядрі dotnet 2.2 з SignalR ви повинні змінити

.WithOrigins("http://localhost:3000") або

.SetIsOriginAllowed(isOriginAllowed: _ => true) //for all origins

замість .AllowAnyOrigin()с.AllowCredentials()

https://trailheadtechnology.com/breaking-change-in-aspnetcore-2-2-for-signalr-and-cors/

https://github.com/aspnet/AspNetCore/isissue/4483

Якщо ви хостите на IIS, одна з можливих причин полягає в тому, що ви отримуєте це через те, що IIS блокує OPTIONSдієслово. Через це я витратив майже годину:

Одне свідчення про те, що ви отримуєте 404помилку під час OPTIONSзапиту.

Щоб виправити це, вам потрібно чітко сказати IIS, щоб не блокувати OPTIONSзапит.

Перейдіть на запит фільтрування:

Переконайтеся, що OPTIONS дозволено:

Або просто створіть web.configнаступне налаштування:

<system.webServer>
    <security>
        <requestFiltering>
            <verbs>
                <remove verb="OPTIONS" />
                <add verb="OPTIONS" allowed="true" />
            </verbs>
        </requestFiltering>
    </security>
</system.webServer>

Ви повинні налаштувати в класі Startup.cs

services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials());
        });

`

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors(options =>
        {
            options.AddPolicy("AllowAnyOrigin",
                builder => builder
                .AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader());
        });

        services.Configure<MvcOptions>(options => {
            options.Filters.Add(new CorsAuthorizationFilterFactory("AllowAnyOrigin"));
        });            
    }

`

Розпочав роботу з .Net Core 3.1 наступним чином

1.Упевніться, що ви розміщуєте код UseCors між app.UseRouting (); і app.UseAuthentication ();

        app.UseHttpsRedirection();

        app.UseRouting();
        app.UseCors("CorsApi");

        app.UseAuthentication();
        app.UseAuthorization();

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

2. Потім помістіть цей код у метод ConfigureServices

services.AddCors(options =>
        {
            options.AddPolicy("CorsApi",
                builder => builder.WithOrigins("http://localhost:4200", "http://mywebsite.com")
            .AllowAnyHeader()
            .AllowAnyMethod());
        });

3.А над базовим контролером я розмістив це

[EnableCors("CorsApi")]
[Route("api/[controller]")]
[ApiController]
public class BaseController : ControllerBase

Тепер усі мої контролери будуть успадковані від BaseController і матимуть CORS

Крок 1. У нашому проекті нам потрібен пакет Microsoft.AspNetCore.Cors. Для встановлення перейдіть до Інструменти -> Менеджер пакунків NuGet -> Управління пакетами NuGet для вирішення. Знайдіть Microsoft.AspNetCore.Cors та встановіть пакет.

Крок 2: Нам потрібно ввести CORS в контейнер, щоб його можна було використовувати додатком. У класі Startup.cs перейдемо до методу ConfigureServices і зареєструємо CORS.

Отже, у нашому серверному додатку переходимо до Контролерів -> HomeController.cs і додаємо декоратор EnableCors до методу Index (Або вашого конкретного контролера та дії):

Для отримання детальної інформації натисніть тут

Всі вищезгадані способи вирішення можуть працювати або не працювати, в більшості випадків це не спрацює. Я дав тут рішення

В даний час я працюю над Angular та Web API (.net Core) і зіткнувся з проблемою CORS, поясненою нижче

Наведене вище рішення завжди працюватиме. З запитом "OPTIONS" дійсно потрібно включити "Анонімну автентифікацію". Згадане тут рішення не потрібно виконувати всі кроки, згадані вище, як-от налаштування IIS.

У будь-якому разі хтось позначав мою вище публікацію як дублікат цієї публікації, але я можу бачити, що ця публікація лише для того, щоб увімкнути CORS в ASP.net Core, але моя публікація пов'язана з, Увімкненням та реалізацією CORS в ASP.net Core and Angular.