Heim > Web-Frontend > js-Tutorial > Wie konfiguriere ich CORS für Firebase Cloud Functions?

Wie konfiguriere ich CORS für Firebase Cloud Functions?

Mary-Kate Olsen
Freigeben: 2024-12-01 14:42:14
Original
910 Leute haben es durchsucht

How to Configure CORS for Firebase Cloud Functions?

CORS-Konfiguration in Cloud Functions für Firebase

Beim Zugriff auf Cloud Functions für Firebase über AJAX-Anfragen kann es sein, dass Sie auf die Meldung „Kein Zugriff“ stoßen. „Control-Allow-Origin“-Fehler, der auf eine falsche CORS-Konfiguration hinweist.

Für Cloud-Funktionen v2:

Firebase-functions/v2/https ermöglicht Ihnen die Aktivierung von CORS direkt innerhalb der Funktionsdefinition:

const { onRequest } = require("firebase-functions/v2/https");

exports.sayHello = onRequest({ cors: true }, (req, res) => {
  res.status(200).send("Hello world!");
});
Nach dem Login kopieren

Für Cloud Functions v1:

Zwei von Firebase bereitgestellte Beispiele veranschaulichen die Verwendung von CORS:

  • Zeitserver mit Datumsformatierung
  • HTTPS-Endpunkt erfordert Authentifizierung

Das zweite Beispiel verwendet einen anderen Ansatz als Sie verwendet haben:

const cors = require("cors")({ origin: true });

exports.fn = functions.https.onRequest((req, res) => {
  cors(req, res, () => {
    // Your function body here
  });
});
Nach dem Login kopieren

Schritte zur Behebung von CORS Probleme:

  • Wenn Sie Firebase Cloud Functions v1 verwenden, stellen Sie sicher, dass Sie das cors-Modul wie im Beispielcode gezeigt importiert haben.
  • Verwenden Sie cors(req, res, ( ) => {}), um CORS-Preflight-Anfragen zu verarbeiten.
  • Legen Sie origin: true in der cors()-Konfiguration fest, um Anfragen von allen zuzulassen Herkunft.
  • Wenn Antwortcodes wie 500 oder 403 zurückgegeben werden, versuchen Sie, den Antwortstatus auf 200 zu setzen.
  • Stellen Sie sicher, dass Sie auf die richtige URL für Ihre Cloud-Funktion zugreifen.

Das obige ist der detaillierte Inhalt vonWie konfiguriere ich CORS für Firebase Cloud Functions?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage