Firebase HTTP 函数 CORS

Question

我在使用 Firebase HTTP 函数时仍然遇到 CORS 问题。

这是我的网络控制台错误:

Response to preflight request doesn't pass access control check: No 
'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access. The 
response had HTTP status code 404.

这是我的功能:

const cors = require('cors')({ origin: true });
const express = require('express');
const functions = require('firebase-functions');

const app = express();
const validate_user = require('./validate_user_id_token.js');
const charge_card = async(req, res) => {
  // ...
}

app.use(cors);
app.use(validate_user);
app.use(charge_card);

exports.foo = functions.https.onRequest(app);

我想我已经阅读了每一个 Firebse CORS 问题。我还有所提供样本的近似复制品 here .

请帮忙:)

编辑:我调用的 URL 是正确的(使用 texdiff.com 只是为了确定，函数日志显示它已执行但返回 404)。由于未知原因，无论如何都会返回 404。也许这就是 CORS 机制？

更新:通过将 using cors() 放在我的 onRequest 处理程序中，我在不使用 express 的情况下工作:

exports = module.exports = functions.https.onRequest(async(req, res) => {
    cors(req, res, () => {});
    await charge_card(req, res);
});

不理想，但现在可以用了:/

Answer 1

根据 Firebase 文档，有几个对 CORS 配置的引用:

使用 CORS:

您可以 enable the use of CORS通过在函数中调用它，就像您在更新问题时所做的那样:

// Usage of the `cors` express middleware
return cors(req, res, () => {
  // TO-DO
});

此外，如果您已有现有的 Express 应用程序，you can then enable CORS通过做:

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

这是您在第一步中已经完成的操作，但在 { origin: true } 定义中存在差异，所以这可能是相关的。

无论如何，根据文档，在请求中添加 cors 确实没问题。