js应用程序中的cors策略阻止了FirebaseAuth请求

Question

我了解了Firebase托管的标头配置，所以我这样做了：

{
  "hosting": {
    "public": "",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ],
    "headers": [ {

    "source": "**",
    "headers": [ 
    {
      "key": "Access-Control-Allow-Origin",
      "value": "*"
    }, 
    {
      "key": "Access-Control-Allow-Methods",
      "value": "DELETE, POST, GET, OPTIONS"
    },
    {
      "key": "Access-Control-Allow-Headers",
      "value": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"
      } 
    ]
  }]
  }
}

在app中，在didChangeDependencies中有一个简单的firebase初始化，带有所需的数据。然后firebase auth . instance . signinwithemailandpassword(...)关于index.html的一段关于火垒的话:

<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-firestore.js"></script>
<script src="main.dart.js" type="application/javascript"></script>

我在Chrome中测试过很多次，总是失败。只有在localhost上才能顺利运行

Answer 1

此问题的原因是服务工作者阻止了web上的Firebase Auth调用。正如在这个GitHub问题线程中提到的那样，这已经得到了修复。更新到firebase_auth-plugin的最新版本应该可以解决此问题。