使用OnRequest云功能时的CORS错误

Question

这是我

export const testFunction = functions.https.onRequest((req, res) => {
  const text = req.body.text;
  res.set("Access-Control-Allow-Origin", "*");
  res.send({text: text});
});

尝试使用const cors = require（'cors'）的

功能/tvhyr.png“ rel =” nofollow noreferrer“> this 作为响应。有人知道为什么吗？

Answer 1

考虑这样的导入，

const cors = require('cors')({origin: true});

然后尝试使用firebase部署 - 仅运行以下功能：

const functions= require("firebase-functions");
const cors = require('cors')({origin: true});
exports.testFunction = functions.https.onRequest((req, res) => {
 cors(req, res, () => {
   const text = req.body.name;
   res.send({text:text});
 });
});
 

然后使用以下方式发送请求：

curl -X POST "https:/region-projectID.cloudfunctions.net/function-name" -H "Content-Type:application/json" --data '{"name":"Keyboard Cat"}'

我在控制台中获得的输出是：

并且当我单击云功能URL端点时，我的输出是一个空{}。

如果您尝试res.send（“ Hello world”）代替res.send（{text：text：text}），您将将输出作为Hello World中的浏览器中的输出，但是由于我们的云功能使用请求主体中传递的数据执行了一些人为的操作。如果属性名称为null或未定义，则在运行时可能会导致错误。
确实，如果我们部署了此新功能，然后尝试从我们的Web应用程序调用它而不更新我们的请求，我们会遇到错误。但是，这可能不是您期望的错误。

很容易假设我们以某种方式错误地配置了我们的CORS政策。 Infact交换cors（） to cors（{onect：'*'}） to cors（{origan：arein：true}）无用。只有当我们查看云功能的日志时，才会获得有用的错误消息。

因此，请尝试发送带有–DATA标志的发布请求，或者如果您使用的是Postman，请发送数据和参数。然后，只有您才能输出，如果您仍然会看到CORS错误，请检查您的功能是否处理得很好，或者您的嵌套请求主体属性不是未定义的/null。有时候，CORS错误并不总是CORS！