Heim > Web-Frontend > js-Tutorial > Wie aktiviere ich CORS in Firebase Cloud Functions (v1 und v2)?

Wie aktiviere ich CORS in Firebase Cloud Functions (v1 und v2)?

DDD
Freigeben: 2024-12-09 14:06:11
Original
583 Leute haben es durchsucht

How to Enable CORS in Firebase Cloud Functions (v1 & v2)?

CORS in Cloud Functions für Firebase aktivieren

Beim Versuch, eine Cloud-Funktion aus einer AJAX-Anfrage aufzurufen, stoßen Entwickler häufig auf „Kein Zugriff“. -Control-Allow-Origin'"-Fehler. Dieses Problem ist auf die ursprungsübergreifende Blockierung zurückzuführen, die den Zugriff auf Funktionen von einem anderen Ursprung als dem, der sie erstellt hat, verhindert.

Um dieses Problem zu beheben, bietet Firebase Optionen zum Aktivieren von CORS in beiden Cloud Functions-Versionen 1 und 2 .

Cloud Functions v2

Für Cloud Functions v2 kann CORS direkt im aktiviert werden Funktionsdefinition. Der folgende Code zeigt, wie dies erreicht wird:

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

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

Cloud Functions v1

Für Cloud Functions v1 stellt Firebase Beispielfunktionen bereit, die die CORS-Nutzung veranschaulichen. Diese Beispiele zeigen alternative Ansätze für die Arbeit mit CORS.

Ein Ansatz beinhaltet den Import von CORS wie folgt:

const cors = require('cors')({origin: true});
Nach dem Login kopieren

Die allgemeine Form einer Funktion, die diesen Ansatz verwendet, wäre ähnlich:

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

Durch die Übernahme dieser Methoden können Entwickler CORS nahtlos in Cloud Functions aktivieren und so den Zugriff auf ihre Funktionen von externen Quellen aus ermöglichen.

Das obige ist der detaillierte Inhalt vonWie aktiviere ich CORS in Firebase Cloud Functions (v1 und v2)?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage