Firebase - поле заголовка запроса x-firebase-gmpid не разрешено Access-Control-Allow-Headers в ответе перед полетом - PullRequest
6 голосов
/ 28 февраля 2020

Мой продукт использует firebase rtdb, firestore, хранилище, аутентификацию и хостинг. Я не сделал никаких изменений в моей конфигурации CORS. Однако сегодня я начал получать следующую ошибку CORS при попытке загрузить изображения в хранилище и извлечь их:

Доступ к XMLHttpRequest по адресу https://firebasestorage.googleapis.com/v0/b/diary-a77f6.appspot.com/o?name=images%2FJ1gU3KPfo1cTHJXhT3iopBqrvVs1%2F-M1Ah4xCQ46GvEZtwgR1%2FBalboa%20Pier%2C%20California%20-%201600x1200%20-%20ID%2027253.jpg из источника 'https://daybook.app 'заблокировано политикой CORS: поле заголовка запроса x-firebase-gmpid не разрешено Access-Control-Allow-Headers в ответе перед полетом.

Я пытался Firebase Storage and Access-Control-Allow-Origin , https://cloud.google.com/storage/docs/configuring-cors и https://firebase.google.com/docs/storage/web/download-files#cors_configuration безрезультатно.

Моя конфигурация хостинга:

{
    "target": "prod",
    "public": "build/production",
    "ignore": [
        "firebase.json",
        "src/firebase/keys.js",
        "**/.*",
        "**/node_modules/**"
    ],
    "rewrites": [
        {
            "source": "**",
            "destination": "/index.html"
        }
    ],
    "headers": [
        {
            "source": "/**",
            "headers": [
                {
                    "key": "Cache-Control",
                    "value": "no-cache, no-store, must-revalidate"
                },
                {
                    "key": "Access-Control-Allow-Headers",
                    "value": "x-firebase-gmpid, Origin, Accept, Content-Type, X-Requested-With, Access-Control-Request-Method,Access-Control-Request-Headers, Authorization"
                }
            ]
        },
        {
            "source": "**/*.@(css|js)",
            "headers": [
                {
                    "key": "Cache-Control",
                    "value": "no-cache, no-store, must-revalidate max-age=0"
                }
            ]
        },
        {
            "source": "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
            "headers": [
                {
                    "key": "Access-Control-Allow-Origin",
                    "value": "*"
                }
            ]
        },
        {
            "source": "**/*.@(jpg|jpeg|gif|png|webp|webp|svg)",
            "headers": [
                {
                    "key": "Cache-Control",
                    "value": "max-age=7200"
                }
            ]
        }
    ]
}

Это то, что я недавно добавил, пытаясь решить проблему:

{
    "key": "Access-Control-Allow-Headers",
    "value": "x-firebase-gmpid, Origin, Accept, Content-Type, X-Requested-With, Access-Control-Request-Method,Access-Control-Request-Headers, Authorization"
}

1 Ответ

9 голосов
/ 28 февраля 2020

Я думаю, что это проблема клиентской библиотеки Firestore JS. Я откатил его до версии 7.9.0 с версии 7.9.2, и ошибка исчезла.

edit: 7.9.3 содержит исправление.

...