API ReactJS et Firebase : problème avec la demande de publication n'atteignant pas le backend Firebase [duplicata]

Question

https://github.com/RamanSharma100/react-firebase-file-management-system/issues/2#issuecomment -1666569161

Erreur de publication sur Firebase. J'essaie de me connecter à Firebase mais j'obtiens ces erreurs. Quelqu'un peut-il me guider pour résoudre ce problème ?

Je peux me connecter et enregistrer des utilisateurs et le backend fonctionne correctement, mais le problème vient du stockage Firebase.

J'ai rencontré l'erreur suivante :

connection.ts : 81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt Réseau : :ERR_FAILED

XMLHttpRequest accédant à 'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt' est bloqué par CORS Blocage de la politique : la réponse à la demande de contrôle en amont a échoué au contrôle de contrôle d'accès : elle n'a pas de statut HTTP ok.

connection.ts :81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt Réseau : :ERR_FAILED

XMLHttpRequest accédant à 'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt' est bloqué par CORS Blocage de la politique : la réponse à la demande de contrôle en amont a échoué au contrôle de contrôle d'accès : elle n'a pas de statut HTTP ok.

Answer 1

C'est à cause de la politique CORS. Vous devez configurer la stratégie CORS dans Firebase Storage, vous pouvez suivre ces étapes :

Étape 1. Créez un fichier cors.json, par exemple :

[
  {
    "origin": ["http://localhost:3000"],
    "method": ["GET", "POST", "PUT", "DELETE"],
    "maxAgeSeconds": 4000,
    "responseHeader": ["Content-Type", "Authorization"]
  }
]

Étape 2. Lors de la configuration de la CLI à l'aide de Firebase CLI, téléchargez ce fichier de configuration (s'il n'est pas encore configuré)

Entrée en ligne de commande :

Remplacez "cloud-file-management-system.appspot.com" par votre URL de stockage Firebase spécifique.

gsutil cors set cors.json gs://cloud-file-management-system.appspot.com