Socket.io-client: Schlechte Handshake-Methode (nur bei Verwendung zusätzlicher Header!)

Gleiches Problem, hier.. funktioniert vollständig mit der nodejs-Version von socket.io-client, jedoch nicht mit dem Browser

• Betriebssystem: Win
• Browser: Chrome 59
• socket.io-Version: 2.0.3

Hallo! Ich denke, Sie müssen serverseitig die richtigen Header hinzufügen (anscheinend befinden Sie sich in einer CORS-Situation):

const io = require('socket.io')(3000, {
  handlePreflightRequest: function (req, res) {
    var headers = {
      'Access-Control-Allow-Headers': 'Content-Type, Authorization',
      'Access-Control-Allow-Origin': 'http://localhost:3001',
      'Access-Control-Allow-Credentials': true
    };
    res.writeHead(200, headers);
    res.end();
  }
});

Ich habe dort ein Beispiel hinzugefügt: https://github.com/darrachequesne/socket.io-fiddle/tree/extra-headers

@darrachequesne wie man mehrere Domänen für den Ursprung angibt, die folgenden Methoden funktionieren nicht:

1. 'Access-Control-Allow-Origin': ' http://localhost :3001, http://localhost :3002'
2. 'Access-Control-Allow-Origin': [' http://localhost :3001, http://localhost :3002']
3. 'Access-Control-Allow-Origin': ' http://localhost :3001 http://localhost :3002'

@DaVincii Sie können nicht mehrere Domains verwenden, Sie müssen den Ursprung des Client-Headers lesen und Ihre Whitelist überprüfen.

Sehen Sie dies und dies auf stackoveflow

@DaVincii habe ich als null definiert, wird aber für jede Domain freigegeben.

const-Header = {
'Access-Control-Allow-Headers': 'Content-Type, Authorization',
'Zugriffskontrolle-Erlauben-Ursprung': null,
'Zugriffskontrolle-Zulassen-Anmeldeinformationen': true
};

Für CORS-Nutzung
{
handlePreflightRequest: Funktion (req, res) {
var-Header = {
'Access-Control-Allow-Headers': 'Content-Type, Authorization',
'Access-Control-Allow-Origin': req.headers.origin ,
'Zugriffskontrolle-Zulassen-Anmeldeinformationen': true
};
res.writeHead(200, Header);
erneut senden();
}
}

Für CORS-Nutzung
{
handlePreflightRequest: Funktion (req, res) {
var-Header = {
'Access-Control-Allow-Headers': 'Content-Type, Authorization',
'Access-Control-Allow-Origin': req.headers.origin ,
'Zugriffskontrolle-Zulassen-Anmeldeinformationen': true
};
res.writeHead(200, Header);
erneut senden();
}
}

'Access-Control-Allow-Origin': req.headers.origin
Das hat mir gerade den Tag gerettet! Als ich verwendet habe:
'Zugriffskontrolle-Erlauben-Ursprung': ' ',Es würde mir folgenden Fehler geben:"Der Wert des 'Access-Control-Allow-Origin'-Headers in der Antwort darf nicht der Platzhalter ' ' sein, wenn der Credentials-Modus der Anfrage 'include' ist. Der Credentials-Modus von Anfragen, die von XMLHttpRequest initiiert werden, wird durch das withCredentials-Attribut gesteuert ."

Dies scheint mit dem neuesten socket.io nicht mehr zu funktionieren. Typoskript mag es nicht. Trotzdem reparieren?

Dies scheint mit dem neuesten socket.io nicht mehr zu funktionieren. Typoskript mag es nicht. Trotzdem reparieren?

@supertiger1234 handlePreflightRequest hat eine andere Oberfläche in der neuesten Version

In deinem Fall sollte es also sein:

...
handlePreflightRequest: function(server, req, res) {
  var headers = {
    "Access-Control-Allow-Headers": "Content-Type, Authorization",
    "Access-Control-Allow-Origin": config.allowedOrigins,
    "Access-Control-Allow-Credentials": true,
  };

  res.writeHead(200, headers);
  res.end();
...

@ supertiger1234 handlePreflightRequest hat in der neuesten Version eine andere Schnittstelle

⚠️ Wenn Sie socket.io jetzt von npm installieren, haben Sie eine alte Version, aber wenn Sie Typisierungen installieren (über @types), hat es neue Typisierungen! Was super irreführend sein kann.

Wie installiere ich das neueste Socket io?

Zur späteren Bezugnahme: Dieses Problem tritt auch auf, wenn ein Server nach 3.0 mit einem Client vor 3.0 verwendet wird. Dies kann durch einen falsch konfigurierten Cache verursacht werden, der dazu führt, dass die Clients eine ältere Version von socket.io.js .

Für zukünftige Leser siehe:

• CORS-Dokumentation für v2: https://socket.io/docs/v2/handling-cors/
• CORS-Dokumentation für v3: https://socket.io/docs/v3/handling-cors/