Как получить доступ к Firebase из http://localhost:3000

Question

Я занимаюсь разработкой приложения React и получаю эту ошибку при попытке войти в Firebase с помощью своего провайдера аутентификации электронной почты.

Failed to load https://www.googleapis.com/identitytoolkit/v3/relyingparty/verifyPassword?key=.....: 
Response to preflight request doesn't pass access control check: The
'Access-Control-Allow-Origin' header has a value 'https://localhost:3000' 
that is not equal to the supplied origin. Origin 'http://localhost:3000'
is therefore not allowed access.

(обратите внимание на https в строке 3 против http в строке 4)

Похоже, они изменили Access-Control-Allow-Origin с * на https версию любого домена, с которого вы звоните?

Значит ли это, что я сейчаснеобходимо настроить приложение React для работы как https : // localhost: 3000?

Answer 1

Вы хотите создать файл .env в корне вашего проекта и установить HTTPS = true.Это запустит ваше приложение с использованием самозаверяющего сертификата.

Ознакомьтесь с дополнительными параметрами конфигурации приложения create-реагировать здесь

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#advanced-configuration

Если вам нужнобольше контроля над сертификатом и не хотят его выкидывать.Посмотрите на response-app-rewired (https://github.com/timarney/react-app-rewired).. Вы можете настроить devServer для использования настраиваемого сертификата с использованием расширенных параметров конфигурации здесь (https://github.com/timarney/react-app-rewired#extended-configuration-options)