ReactJs Политика Redux Firestore Cors

Question

В моем приложении ReactJs я использую Firestore с redux. Каждый раз, когда я делаю запрос в хранилище облачных вычислений, исключение для политики corse, это если я делаю это из chrome браузера. В firefox у меня есть правила corse и там запрос проходит. Исключение бросает в firestore.collection ()

firestore
        .collection('orders')
        .add({
            ...order,
        })
        .then(() => {
            dispatch({ type: 'CREATE_ORDER_SUCCESS', order });
        })
        .catch((err) => {
            dispatch({ type: 'CREATE_ORDER_ERROR', err });
            console.log(err);
        });

Answer 1

Кажется, проблема с Google Chrome. Вы можете проверить этот ответ , в котором упоминается следующее:

chrome: // flags / # out-of-blink-cors

Отключить ' флаг out-of-blink-cors 'путем копирования и вставки этого адреса в адресную строку Chrome с последующим [enter]. На открывшейся странице вы увидите выделенный так называемый «флаг» (эксперимент). Отключите его и перезапустите Chrome (Edit: ранее я говорил, что включение флага, но, кажется, работает только отключение)

Во многих случаях, которые решают проблему, на данный момент, но вы можете прочитать:

Обмен ресурсами между источниками (CORS) может быть изменен в Chrome версии 76. Новые заголовки представлены как часть безопасности, и они должны обрабатываться в коде. Позже запросы расширений CORS должны обрабатываться на фоновых страницах, а не в скриптах содержимого. Прочитайте все о рекомендуемых действиях (для разработчиков) и дополнительных ограничениях на этой странице Google: Изменения в запросах перекрестного происхождения в Chrome Сценарии расширения содержимого

Итак, отключение это может помочь.