Maison > interface Web > js tutoriel > Comment configurer CORS pour les fonctions Firebase Cloud ?

Comment configurer CORS pour les fonctions Firebase Cloud ?

Mary-Kate Olsen
Libérer: 2024-12-01 14:42:14
original
925 Les gens l'ont consulté

How to Configure CORS for Firebase Cloud Functions?

Configuration CORS dans Cloud Functions pour Firebase

Lors de l'accès à Cloud Functions pour Firebase via des requêtes AJAX, vous pouvez rencontrer le message "No 'Access- Erreur Control-Allow-Origin' indiquant une configuration CORS incorrecte.

Pour les fonctions Cloud v2 :

Firebase-functions/v2/https vous permet d'activer CORS directement dans la définition de la fonction :

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

exports.sayHello = onRequest({ cors: true }, (req, res) => {
  res.status(200).send("Hello world!");
});
Copier après la connexion

Pour Cloud Functions v1 :

Deux exemples fournis par Firebase démontrent l'utilisation de CORS :

  • Serveur de temps avec formatage de date
  • Point de terminaison HTTPS nécessitant une authentification

Le deuxième exemple utilise une approche différente de celle que vous utilisez :

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

exports.fn = functions.https.onRequest((req, res) => {
  cors(req, res, () => {
    // Your function body here
  });
});
Copier après la connexion

Étapes pour résoudre CORS Problèmes :

  • Si vous utilisez Firebase Cloud Functions v1, assurez-vous d'avoir importé le module cors comme indiqué dans l'exemple de code.
  • Utilisez cors(req, res, ( ) => {}) pour gérer les requêtes de contrôle en amont CORS.
  • Définissez origin: true dans la configuration cors() pour autoriser les requêtes de n'importe quel origin.
  • Si des codes de réponse tels que 500 ou 403 sont renvoyés, essayez de définir l'état de la réponse sur 200.
  • Vérifiez que vous accédez à l'URL correcte pour votre fonction Cloud.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal