Pamięć Firebase i kontrola dostępu-Allow-Origin

Próbuję pobrać pliki z magazynu Firebase za pośrednictwem XMLHttpRequest, ale w zasobie nie ustawiono Access-Control-Allow-Origin, więc nie jest to możliwe. Czy istnieje sposób na ustawienie tego nagłówka na serwerze magazynu?

  (let [xhr (js/XMLHttpRequest.)]
    (.open xhr "GET" url)
    (aset xhr "responseType" "arraybuffer")
    (aset xhr "onload" #(js/console.log "bin" (.-response xhr)))
    (.send xhr)))

Komunikat o błędzie Chrome:

XMLHttpRequest nie może załadować https://firebasestorage.googleapis.com/[EDITED] Żądany zasób nie zawiera nagłówka „Access-Control-Allow-Origin”. Dlatego źródło „ http: // localhost: 3449 ” nie ma dostępu.

Z tego posta w grupie / liście Firebase-Talk :

Najłatwiejszym sposobem skonfigurowania danych dla CORS jest użycie gsutilnarzędzia wiersza polecenia. Instrukcje instalacji gsutilsą dostępne pod adresem https://cloud.google.com/storage/docs/gsutil_install . Po zainstalowaniu gsutili uwierzytelnieniu za jego pomocą możesz go użyć do skonfigurowania CORS.

Na przykład, jeśli chcesz tylko zezwolić na pobieranie obiektów z domeny niestandardowej, umieść te dane w pliku o nazwie cors.json (zastępując "https://example.com"swoją domeną):

[
  {
    "origin": ["https://example.com"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

Następnie uruchom to polecenie (zastępując "exampleproject.appspot.com"nazwę swojego zasobnika):

gsutil cors set cors.json gs://exampleproject.appspot.com

i powinieneś być ustawiony.

Jeśli potrzebujesz bardziej skomplikowanej konfiguracji CORS, zapoznaj się z dokumentacją pod adresem https://cloud.google.com/storage/docs/cross-origin#Configuring-CORS-on-a-Bucket .

Google Cloud ma teraz wbudowany edytor, który jeszcze bardziej ułatwia ten proces. Nie musisz niczego instalować w systemie lokalnym.

1. Otwórz konsolę GCP i rozpocznij sesję terminala w chmurze, klikając >_przycisk ikony na górnym pasku nawigacyjnym.
2. Kliknij ikonę ołówka, aby otworzyć edytor, a następnie utwórz cors.jsonplik.
3. Biegać gsutil cors set cors.json gs://your-bucket

Chcę tylko dodać do odpowiedzi. Po prostu przejdź do swojego projektu w konsoli Google (console.cloud.google.com/home) i wybierz swój projekt. Tam otwórz terminal i po prostu utwórz plik cors.json ( touch cors.json), a następnie postępuj zgodnie z odpowiedzią i edytuj ten plik ( vim cors.json) zgodnie z sugestią @ frank-van-puffelen

To zadziałało dla mnie. Twoje zdrowie!

inną metodą jest użycie Google JSON API. krok 1: zdobądź token dostępu do użycia z JSON API Aby uzyskać token użyj wejdź na: https://developers.google.com/oauthplayground/ Następnie wyszukaj JSON API lub Storage Wybierz wymagane opcje, tj. odczyt, zapis, pełny_dostęp (zaznacz te które są wymagane) Postępuj zgodnie z procedurą, aby otrzymać Access Token, który będzie ważny przez godzinę. Krok 2: użyj tokena, aby trafić w Google JSON API, aby zaktualizować CORS

Przykładowe Curl:

    curl -X PATCH \
  'https://www.googleapis.com/storage/v1/b/your_bucket_id?fields=cors' \
  -H 'Accept: application/json' \
  -H 'Accept-Encoding: gzip, deflate' \
  -H 'Authorization: Bearer ya29.GltIB3rTqQ2tJgh0cMj1SEa1UgQNJnTMXUjMlMIRGG-mBCbiUO0wqdDuEpnPD6cbkcr1CuLItuhaNCTJYhv2ZKjK7yqyIHNgkCBup-T8Z1B1RiBrCgcgliHOGFDz' \
  -H 'Content-Type: application/json' \
  -H 'Postman-Token: d19f29ed-2e80-4c34-85ee-c46c9058fac0' \
  -H 'cache-control: no-cache' \
  -d '{
  "location": "us",
  "storageClass": "Standard",
  "cors": [
      {
          "maxAgeSeconds": "360000000",
          "method": [
             "GET",
             "HEAD",
             "DELETE"
          ],
          "origin": [
             "*"
          ],
          "responseHeader":[
            "Content-Type"
         ]
      }
  ]
}'

Chciałbym dodać dla tych, którzy rozpaczliwie potrzebują rozwiązania, tak jak ja po wypróbowaniu tego wszystkiego i nie rozwiązaniu problemu. Znalazłem świetny artykuł online oferujący 3 rozwiązania, a pierwszy zadziałał dla mnie… wtyczka Google Chrome… tak! ..

rozszerzenie moesif CORS Upewnij się, że po instalacji, włączysz go

Aby uzyskać dostęp do dowolnego zasobu z zastosowanym nagłówkiem CORS, możesz użyć małego projektu, który wykonałem w Golang dla siebie - https://proxify-cors.herokuapp.com/