Warum erhalte ich CORS-Fehler, wenn ich versuche, von \'https://googledocs-clone-sbayrak.netlify.app/\' eine Verbindung zu \'https://googledocs-clone-sbayrak.herokuapp.com/\' herzustellen?

Cross-Origin-Anfragen von „https://googledocs-clone-sbayrak.netlify.app/“ zulassen

CORS Fehler treten aufgrund einer nicht übereinstimmenden Konfiguration zwischen Client- und Servereinstellungen auf. In diesem Szenario versucht die Clientanwendung unter „https://googledocs-clone-sbayrak.netlify.app/“, eine Verbindung zum Serverendpunkt unter „https://googledocs-clone-sbayrak.herokuapp.com/“ herzustellen. Der Server ist jedoch so konfiguriert, dass er nur Anfragen von „https://googledocs-clone-sbayrak.netlify.app/“ akzeptiert. Dies führt zu einem CORS-Fehler, da der Ursprungsheader der Anfrage nicht mit dem zulässigen Wert übereinstimmt.

Beheben des CORS-Fehlers

Der Schlüssel zur Behebung dieses Fehlers liegt um sicherzustellen, dass der zulässige Ursprung auf dem Server mit dem Ursprung der Anfrage übereinstimmt. Die falsche Konfiguration, die den Fehler verursachte, bestand darin, „https://googledocs-clone-sbayrak.netlify.app/“ als zulässigen Ursprung zu verwenden. Web-Ursprünge enthalten jedoch keinen Pfad, sodass der abschließende Schrägstrich dazu führt, dass die Übereinstimmung fehlschlägt.

Um dies zu beheben, sollte der zulässige Ursprung auf „https://googledocs-clone-sbayrak.netlify“ aktualisiert werden. app' ohne den abschließenden Schrägstrich. Hier ist die korrigierte CORS-Konfiguration:

<code class="typescript">const io = socketio(server, {
  cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app',
    methods: ['GET', 'POST'],
  },
});</code>

Durch das Entfernen des abschließenden Schrägstrichs aus dem zulässigen Ursprungswert stimmt dieser jetzt korrekt mit dem Ursprungsheader der Anfrage überein, sodass ursprungsübergreifende Anfragen erfolgreich sein können und der Client mit dem kommunizieren kann Server.

Das obige ist der detaillierte Inhalt vonWarum erhalte ich CORS-Fehler, wenn ich versuche, von \'https://googledocs-clone-sbayrak.netlify.app/\' eine Verbindung zu \'https://googledocs-clone-sbayrak.herokuapp.com/\' herzustellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!