Access-Control-Allow-Origin-header mehrere Werte ODER Preflight-jquery-ajax-Web-Api 2

Ich habe eine asp.net web-Formulare Anwendung auf localhost:6414 Dann die jquery-ajax - ruft ein Web-Api-service auf localhost:11974

Ich die Fehlermeldung

The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. Origin 'http://localhost:6414' is therefore not allowed access.

Also ich Kamm durch google und stackoverflow und finden Sie Tonnen von widersprüchliche Informationen.

1. Fix with web.config   
2. Fix with jquery ajax call
3. Fix with CORS in web.api

Habe ich versucht das Cors aktiviert und web.config und alle Arten von Techniken.

Derzeit Frage ich mich, ob das problem tatsächlich die web forms-jquery-code, der als Absender, aber eigentlich ist die Antwort-Header würde bedeuten, es ist von der web-api-service...

Ich schaue auf meine Antwort-Header und ich sehe 2 dieser

Access-Control-Allow-Origin:*  ( repeated TWICE)

Ich versuchen, kommentieren Sie diese Zeile in web.config in Web-Api-Projekt

<add name="Access-Control-Allow-Origin" value="*" />

DANN bekomme ich diese Fehler 401:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:6414' is therefore not allowed access. The response had HTTP status code 401.

Habe ich diesen code im web.config

<authentication mode="Windows" />
<authorization>
  <allow verbs="OPTIONS" users="*" />
  <deny users="?" />
</authorization>

Nun, wenn ich kommentieren die Access-Control.... in web.config und DANN Kommentar aus der CORS code in WebApiConfig.cs

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

Wenn dieser code auskommentiert, DANN bekomme ich die preflight-Fehler

 XMLHttpRequest cannot load http://localhost:11974/PostCheckBox. Response for preflight has invalid HTTP status code 405

Dieser scheint völlig verrückt.

Jquery-code

function sendCheckboxes(id, out, yes, no) {
            //$(function () {
            //var storm = { id: 1902, StormOut: 1, StormYes: 1, StormNo: 1 };
            var storm = { id: id, StormOut: out, StormYes: yes, StormNo: no };
            //jQuery.support.cors = true;
            $.ajax({
                type: "POST",
                data: JSON.stringify(storm),
                url: "http://localhost:11974/PostCheckBox",
                contentType: "application/json",
                //crossDomain: true,
                success: function (data) {
                    console.log(data)
                },
                error: function (x, y, z) {
                    console.log(x + '\n' + y + '\n' + z);
                }
            });

            //});
        }

Web-api-Methode

[Route("PostCheckBox")]
public HttpResponseMessage PostCheckBox([FromBody] StormData storm) 
    {.... }

Wenn ich diese Methode aufrufen, bis aus derselben Domäne (jetzt gleichen port auf localhost) funktioniert Es einwandfrei

http://localhost:11974/checkbox.html

Was gibt...

InformationsquelleAutor Brian Thornton | 2015-09-18

12

Sie kämpfen Ihre web.config

Kommentieren Sie alle die Scheiße, die Sie Hinzugefügt, um die web -.config!!!
```
 <authentication mode="Windows" />
    <authorization>
      <allow verbs="OPTIONS" users="*" />
      <deny users="?" />
 </authorization>
```
Benutze ich nicht, und ich bin SICHER, dass das Problem 1
Auch ein anderer ist, dass Sie brauchen, um Kommentar aus
```
<add name="Access-Control-Allow-Origin" value="*" />
```
dann VERWENDEN diese Zeilen
```
var cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(cors);
```
Können Sie immer noch in Sicherheit , Authentifizierung und Autorisierung und Cors Einzelheiten auf Anfrage nicht global, sondern auf Klasse oder Methode, aber wenn Sie sind mit eine harte Zeit mit nur immer die Sache zu arbeiten, dann sollte diese ja auch funktionieren.
- Ok, so Heilige Kuh, dass es jetzt magisch Aufruf des Dienstes
- Dies funktioniert in .net 4.6 vs 2015, hatte ich einen Rückzieher auf 4.5.2 und hatte "Probleme" und ich ging .net 4.5, und es funktioniert auch gut
- Ich hatte das gleiche Problem , ich habe es versucht mit WebAPI CORS-Paket. Es funktionierte perfekt in Ordnung. Aber ich Frage mich, warum das hinzufügen Dinge im web.config funktionierte nicht. Es gibt "Antwort für preflight hat eine ungültige HTTP-status-code 405" ich nutze einfach die folgenden Zeilen in mein web.config <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="*" /> <add name="Access-Control-Allow-Methods" value="*" />
- Also in deinem web.config, die funktioniert ok? Vielleicht habe ich geerbt hatte, einen aufgeblähten web.config, verursacht mir solchen Kummer, kommentieren und löschen von 2 bis 3 Abschnitte aus fix it für mich, also ich Neige dazu, bleiben Sie einfach Weg von der web.config für DIESEN speziellen Fall.
- IIS Fehlerseiten werden immer noch bedient, ohne CORS-Header mit dieser Lösung :(.
- Nicht sicher, Sie konnte post eine Frage auf, SO
- Große, arbeitete wie ein Charme
InformationsquelleAutor Tom Stickel

Aktivieren cors in startup.cs

    public void Configuration(IAppBuilder app)
    {
        HttpConfiguration config = new HttpConfiguration();

        app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);
        ConfigureOAuth(app);

        WebApiConfig.Register(config);

        //Make sure this line is called before ConfigureAuth(app), 
        //app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);

        app.UseWebApi(config);
    }

InformationsquelleAutor dichen

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.