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
909 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!

source:php.cn
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