如何从http:// localhost:3000访问Firebase

时间:2018-09-30 18:32:53

标签: firebase cors firebase-authentication cross-domain

我正在开发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.

(请注意第3行的https与第4行的http

似乎您将Access-Control-Allow-Origin*更改为您要从哪个域调用的https版本?

这是否意味着我现在需要配置我的React应用程序使其以 https :// localhost:3000的身份运行?

1 个答案:

答案 0 :(得分:2)

您要在项目的根目录中创建一个.env文件,并设置HTTPS = true。这将使用自签名证书启动您的应用。

在此处查看create-react-app的高级配置选项

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

如果您需要对证书的更多控制,并且不想弹出。看一下react-app-rewired(https://github.com/timarney/react-app-rewired)。您可以使用此处的扩展配置选项(https://github.com/timarney/react-app-rewired#extended-configuration-options

将devServer配置为使用自定义证书。