Comment activer CORS dans ASP.NET Core

J'essaie d'activer le partage de ressources d'origine croisée sur mon API Web ASP.NET Core, mais je suis bloqué.

L' EnableCorsattribut accepte le policyNametype stringcomme paramètre:

// 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);

Qu'est-ce que cela policyNamesignifie et comment puis-je configurer CORS sur une API Web ASP.NET Core?

Vous devez configurer une stratégie CORS au démarrage de l'application dans la ConfigureServicesméthode:

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

    // ...
}

Le CorsPolicyBuilderin buildervous permet de configurer la politique selon vos besoins. Vous pouvez maintenant utiliser ce nom pour appliquer la stratégie aux contrôleurs et aux actions:

[EnableCors("MyPolicy")]

Ou appliquez-le à chaque demande:

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();
}

S'applique à .NET Core 1 et .Net Core 2 (plus bas)

Si vous utilisez .Net-Core 1.1

Malheureusement, les documents sont très déroutants dans ce cas précis. Je vais donc faire simple:

• Ajouter Microsoft.AspNetCore.Corsun package nuget à votre projet
• Dans la ConfigureServicesméthode, ajoutezservices.AddCors();

• Dans Configuremethod, avant d'appeler app.UseMvc()et app.UseStaticFiles(), ajoutez:

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

C'est tout. Chaque client a accès à votre site Web / API ASP.NET Core.

Si vous utilisez .Net-Core 2.0

• Ajouter Microsoft.AspNetCore.Corsun package nuget à votre projet

• dans la ConfigureServicesméthode, avant d' appeler services.AddMvc(), ajoutez:

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

• (Important) Dans la Configureméthode, avant d' appeler app.UseMvc(), ajoutez app.UseCors("AllowAll");

  AllowAllest le nom de la stratégie que nous devons mentionner dans app.UserCors. Cela peut être n'importe quel nom.

Sur la base de la réponse de Henk, j'ai pu trouver le domaine spécifique, la méthode que je veux autoriser et aussi l'en-tête pour lequel je veux activer CORS:

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

usage:

[EnableCors("AllowSpecific")]

Plus précisément dans dotnet core 2.2 avec SignalR, vous devez changer

.WithOrigins("http://localhost:3000") ou

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

à la place .AllowAnyOrigin()avec.AllowCredentials()

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

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

Si vous hébergez sur IIS, l'une des raisons possibles est que vous obtenez cela, car IIS bloque le OPTIONSverbe. J'ai passé près d'une heure à cause de ça:

Une indication révélatrice est que vous obtenez une 404erreur lors de la OPTIONSdemande.

Pour résoudre ce problème, vous devez indiquer explicitement à IIS de ne pas bloquer la OPTIONSdemande.

Accédez au filtrage des demandes:

Assurez-vous que OPTIONS est autorisé:

Ou créez simplement un web.configavec le paramètre suivant:

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

Vous devez configurer dans la classe 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"));
        });            
    }

»

Cela fonctionne avec .Net Core 3.1 comme suit

1.Assurez-vous de placer le code UseCors entre app.UseRouting (); et app.UseAuthentication ();

        app.UseHttpsRedirection();

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

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

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

2.Puis placez ce code dans la méthode ConfigureServices

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

3.Et au-dessus du contrôleur de base, j'ai placé ceci

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

Maintenant, tous mes contrôleurs hériteront du BaseController et auront CORS activé

Étape 1: Nous avons besoin du package Microsoft.AspNetCore.Cors dans notre projet. Pour l'installation, accédez à Outils -> Gestionnaire de packages NuGet -> Gérer les packages NuGet pour la solution. Recherchez Microsoft.AspNetCore.Cors et installez le package.

Étape 2: Nous devons injecter CORS dans le conteneur afin qu'il puisse être utilisé par l'application. Dans la classe Startup.cs, passons à la méthode ConfigureServices et enregistrons CORS.

Donc, dans notre application serveur, allons dans Controllers -> HomeController.cs et ajoutez le décorateur EnableCors à la méthode Index (Ou votre contrôleur et action spécifiques):

Pour plus de détails, cliquez ici

Toutes les solutions de contournement mentionnées ci-dessus peuvent fonctionner ou peuvent ne pas fonctionner, dans la plupart des cas, cela ne fonctionnera pas. J'ai donné la solution ici

Actuellement, je travaille sur l'API angulaire et Web (.net Core) et j'ai rencontré un problème CORS expliqué ci-dessous

La solution fournie ci-dessus fonctionnera toujours. Avec la requête 'OPTIONS', il est vraiment nécessaire d'activer 'Authentification anonyme'. Avec la solution mentionnée ici, vous n'avez pas à suivre toutes les étapes mentionnées ci-dessus, comme les paramètres IIS.

Quoi qu'il en soit, quelqu'un a marqué mon message ci-dessus comme étant en double avec ce message, mais je peux voir que ce message est uniquement destiné à activer CORS dans ASP.net Core, mais mon message est lié à l'activation et à la mise en œuvre de CORS dans ASP.net Core et Angular.