Probleme beim Ändern von Anforderungsheadern in Firefox mit AngularJS

Question

Mein Backend erfordert, dass der Anforderungsheader "Content-Type" genau "application/json" lautet. Dies ist eine CORS-Anfrage und in Chrome funktioniert alles einwandfrei. Die genauen Header, von Entwickler-Tool Netzwerk-Registerkarte Quelle:

Content-Type: application/json 

Ich habe dies in AngularJS mit $ http.default.headers.post und es funktioniert gut in Chrome. Es funktioniert jedoch nicht in Firefox. Firefox sendet diese stattdessen:

Content-Type: application/json; charset=UTF-8 

Ich versuchte Header zu ändern:

• Einstellungen $ http.default.headers (für .post, .common)
• Einstellung benutzerdefinierte Header für eine Anfrage
• ein $ http Interceptor

Alle diese Methoden funktionieren gut in Chrome, aber nicht in Firefox. Die Anfrage enthält Daten.

Wenn ich den 'Content-Type' Header alle zusammen zu entfernen, ist es immer noch geschickt, aber dann ist es:

Content-Type: text/plain; charset=UTF-8 

(dies geschieht sowohl in Chrome und Firefox).

Das führt mich zu der Annahme, dass der Browser den Header erzwingt :) Wie kann ich das in Firefox umgehen?

Answer 1

Firefox hat charset=UTF-8hard-coded for string payloads.

Sie können aber sende eine Blob statt:

var r = new XMLHttpRequest(); 
r.open("POST", ...); 
r.send(new Blob(
[JSON.stringify({a:1})], 
{type:"application/json"} 
)); 

Dies auch völlig in Ordnung, mit dem Winkel $http XHR Wrapper funktioniert:

$http({ 
    method: "POST", 
    url: "/echo/json", 
    headers: { 
     "Content-Type": "application/json" 
    }, 
    data: new Blob([JSON.stringify({ 
     a: 1 
    })]) 
}); 

Fiddle