🌐 Ошибки CORS в Firebase и FlutterFlow

Ошибка “https request. Status code: 0” или когда картинки не грузятся в Test Mode, но работают в APK — типичные симптомы проблем с CORS.

🛠 Как исправить за 2 минуты

Чтобы разрешить Flutter Web доступ к файлам в Firebase Storage, нужно настроить политики доступа через Google Cloud Console (gsutil).

Шаг 1: Создайте файл cors.json

[
  {
    "origin": ["*"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

Шаг 2: Примените настройки

Используйте терминал (нужно установить Google Cloud SDK):

gsutil cors set cors.json gs://YOUR_BUCKET_NAME

🖼 Картинки не отображаются в Test Mode

Если в приложении вместо фото — пустые места:

  1. Проверьте Firebase Rules. Возможно, база запрещает чтение неавторизованным пользователям.
  2. Убедитесь, что в настройках Firebase во FlutterFlow добавлены роли для аккаунта firebase@flutterflow.io:
    • Service Account User
    • Cloud Functions Admin

📺 Видео-инструкции