Réponse à la demande de contrôle en amont ne passent pas de contrôle d'accès (Angular2)

Je suis d'erreur ci-dessous lors de l'appel à Web REST API Asp.net.

XMLHttpRequest ne peut pas charger http://localhost:54859/api/PostData. Réponse à la demande de contrôle en amont ne passent pas de contrôle d'accès: Pas de "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. Origine " http://localhost:3000 ' est donc pas autorisé à accéder.

Je suis en utilisant Angular2 en tant que Front-end. Dans le back-end, j'ai ajouté des codes suivants pour activer la SCRO dans l'API WEB.

 var corsAttr = new EnableCorsAttribute("*", "*", "*");
 config.EnableCors(corsAttr);

Tout fonctionne bien pour la requête Http get,mais même pas pour la requête Post Http.

Toute aide serait appréciable

Merci d'avance!

OriginalL'auteur Jayakrishnan Gounder | 2016-11-11

  1. 12

    Je l'ai résolu en ajoutant des lignes suivantes sur le web.config.

    <system.webServer>
   <modules runAllManagedModulesForAllRequests="true">
   </modules>
</system.webServer>

    Grâce.

    OriginalL'auteur Jayakrishnan Gounder

  2. 7

    Ajoutant Access-Control-Allow-Origin - tête pour le contrôle en amont de la demande au cours de Application_BeginRequest Mondiale.asax.cs a fonctionné pour moi.

    Global.asax/Global.asax.cs

    protected void Application_BeginRequest(Object sender, EventArgs e)
    {
        //Preflight request comes with HttpMethod OPTIONS
        if (HttpContext.Current.Request.HttpMethod == "OPTIONS")            
        {
            HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");               
            //The following line solves the error message
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
            //If any http headers are shown in preflight error in browser console add them below
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept, Pragma, Cache-Control, Authorization ");
            HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
            HttpContext.Current.Response.End();
        }
    }

    Après la résolution de ce problème, l'application a jeté les erreurs sur le navigateur internet de la console que certains en-têtes ne sont pas mentionnés dans le contrôle en amont de la réponse.

    Une fois que les en-têtes ont été ajoutés à Access-Control-Allow-Headers en-tête de contrôle en amont de la réponse qu'il a obtenu résolu.

    Merci, tas, dans mon cas, j'ai seulement besoin de l'autoriser en-têtes à l'aide de * a été faute de! je viens donc d'ajouter cette <add name="Access-Control-Allow-Headers" value="Content-Type, Accept, Pragma, Cache-Control, Authorization " /> sur le web.config

    OriginalL'auteur Nikhil Nambiar

  3. 0
    protected void Application_BeginRequest(Object sender, EventArgs e)
{
    //Preflight request comes with HttpMethod OPTIONS
        //The following line solves the error message
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
    if (HttpContext.Current.Request.HttpMethod == "OPTIONS")            
    {
        HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");               
        //If any http headers are shown in preflight error in browser console add them below
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept, Pragma, Cache-Control, Authorization ");
        HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
        HttpContext.Current.Response.End();
    }
}

    Ce code ci-dessus a bien fonctionné

    OriginalL'auteur Atik Fahm