firebase - Firebase 托管的 Flutter Web/Dart CORS 错误

Question

问题

我在 Flutter Web 中编写了一个应用程序。当我在浏览器(调试)中运行它时，出现此错误:

cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.googleapis.com/identityto...

当我在 Release模式下运行它时，我得到了这个:

Error while fetching an original source: NetworkError when attempting to fetch resource.
Source URL: org-dartlang-sdk:///sdk/lib/_internal/js_runtime/lib/js_helper.dart

其他信息

该应用程序托管在 Firebase Hosting 中，但错误也会发生在没有 Firebase 的 localhost

我认为这两种情况的问题都是 cors，但 Release模式的日志较少

我试过的

根据 this文档或 this问题我必须使用 Expressjs 添加一些东西，例如:

const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors({ origin: true }));

Dart/Flutter 中是否有类似 Expressjs 的东西？我看到了 this但我无法让它工作。

或者有另一种设置标题的方法吗？

Answer 1

似乎确实，CORS 阻止您使用 Firebase 来存储和访问数据。根据文档 Configuring cross-origin resource sharing (CORS) :

Cross Origin Resource Sharing (CORS) is a mechanism for allowing interactions between resources from different origins, something that is normally prohibited in order to prevent malicious behavior.

考虑到这一点，您需要配置您的工作并接受通过 HTTP 发出的请求。我建议您查看上述文档和以下链接，以便获得更多相关信息。

Enabling CORS in Cloud Functions for Firebase

Call functions via HTTP requests

配置它们后，您不应再面临这两个错误，因为通过 HTTP 的请求将通过 CORS 进行授权，并且应该建立对 Firebase 的访问。

如果这些信息对您有帮助，请告诉我!