Bộ nhớ Firebase và Quyền truy cập-Kiểm soát-Cho phép-Nguồn gốc

Tôi đang cố tải xuống tệp từ Lưu trữ Firebase thông qua XMLHttpRequest, nhưng Access-Control-Allow-Origin không được đặt trên tài nguyên, vì vậy không thể thực hiện được. Có cách nào để đặt tiêu đề này trên máy chủ lưu trữ không?

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

Thông báo lỗi của Chrome:

XMLHttpRequest không thể tải https://firebasestorage.googleapis.com/[EDITED] Không có tiêu đề 'Access-Control-Allow-Origin' trên tài nguyên được yêu cầu. Nguồn gốc ' http: // localhost: 3449 ' do đó không được phép truy cập.

Từ bài đăng này trên nhóm / danh sách firebase-talk :

Cách dễ nhất để định cấu hình dữ liệu của bạn cho CORS là bằng gsutilcông cụ dòng lệnh. Hướng dẫn cài đặt gsutilcó sẵn tại https://cloud.google.com/storage/docs/gsutil_install . Khi bạn đã cài đặt gsutilvà xác thực với nó, bạn có thể sử dụng nó để định cấu hình CORS.

Ví dụ: nếu bạn chỉ muốn cho phép tải xuống đối tượng từ miền tùy chỉnh của mình, hãy đặt dữ liệu này vào tệp có tên cors.json (thay thế "https://example.com"bằng miền của bạn):

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

Sau đó, chạy lệnh này (thay thế "exampleproject.appspot.com"bằng tên nhóm của bạn):

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

và bạn nên được thiết lập.

Nếu bạn cần cấu hình CORS phức tạp hơn, hãy xem tài liệu tại https://cloud.google.com/storage/docs/cross-origin#Configuring-CORS-on-a-Bucket .

Google Cloud hiện có một trình chỉnh sửa nội tuyến để làm cho quá trình này trở nên dễ dàng hơn. Không cần cài đặt bất cứ thứ gì trên hệ thống cục bộ của bạn.

1. Mở bảng điều khiển GCP và bắt đầu phiên thiết bị đầu cuối đám mây bằng cách nhấp vào >_nút biểu tượng trong thanh điều hướng trên cùng.
2. Nhấp vào biểu tượng bút chì để mở trình chỉnh sửa, sau đó tạo cors.jsontệp.
3. Chạy gsutil cors set cors.json gs://your-bucket

Chỉ muốn thêm vào câu trả lời. Chỉ cần đi tới dự án của bạn trong bảng điều khiển của Google (console.cloud.google.com/home) và chọn dự án của bạn. Ở đó, mở terminal và chỉ cần tạo tệp cors.json ( touch cors.json), sau đó làm theo câu trả lời và chỉnh sửa tệp này ( vim cors.json) theo đề xuất của @ Frank-van -uffelen

Điều này đã làm việc cho tôi. Chúc mừng!

một cách tiếp cận khác để thực hiện việc này là sử dụng API JSON của Google. bước 1: nhận mã thông báo truy cập để sử dụng với JSON API Để nhận mã thông báo sử dụng, hãy truy cập: https://developers.google.com/oauthplayground/ Sau đó tìm kiếm API JSON hoặc Bộ nhớ Chọn các tùy chọn bắt buộc tức là đọc, ghi, full_access (đánh dấu vào những bắt buộc phải có) Thực hiện theo quy trình để nhận Mã truy cập, mã này sẽ có hiệu lực trong một giờ. Bước 2: Sử dụng mã thông báo để truy cập API JSON của google để cập nhật CORS

Curl mẫu:

    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"
         ]
      }
  ]
}'

Tôi muốn nói thêm cho những người đang rất cần một giải pháp như tôi sau khi thử tất cả những điều này và không giải quyết được vấn đề. Tôi đã tìm thấy một bài báo trực tuyến tuyệt vời cung cấp 3 giải pháp và giải pháp đầu tiên phù hợp với tôi .. một plugin google chrome .. yeap! ..

moesif CORS extension Đảm bảo sau khi cài đặt, bạn BẬT nó lên

Để truy cập bất kỳ tài nguyên nào có áp dụng tiêu đề CORS, bạn có thể sử dụng một dự án nhỏ mà tôi đã thực hiện ở Golang cho chính tôi - https://proxify-cors.herokuapp.com/