🌐 Ошибки 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:

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

📺 Практика (Видео)

  • FlutterFlow Tricks- Create User Accounts for Others