Question

以下是客户端代码，用于调用云功能：

var getShippingRate = firebase
            .functions()
            .httpsCallable("shippo-generateShippingRate");
          getShippingRate({ address: shippo })
            .then(function(result) {
              // Read result of the Cloud Function.
              console.log("THE SHIPPING RATES", result.data.shipment);
            })
            .catch(function(error) {
              // Getting the Error details.
              console.log("ERROR SHIPPING: ", error);
              var code = error.code;
              var message = error.message;
              var details = error.details;
            });

云功能：

exports.generateShippingRate = functions.https.onCall(async (data, context) => {
const customer_address = data.address;

return generateShipmentObject(customer_address);
});

generateshipmentObject返回以下内容：

shippo.shipment.create(
{
  address_from: addressFrom,
  address_to: addressTo,
  parcels: [parcel],
  async: true
},
(err, shipment) => {
  // asynchronously called
  if (err) {
    return { error: err };
  } else {
    return { result: shipment };
  }
}

我收到标准的CORS错误，但是可调用的Cloud Function应该自动处理此问题：

从CORS策略阻止访问从源“ http://localhost:5000”的位置...

编辑

我正在使用firebase serve --only hosting在本地主机上进行测试。

使用firebase deploy --only funtions

部署了云功能

我正在同一站点上调用其他类似的Cloud Functions，但没有出现此问题。

Answer 1

临时修复：

在云控制台功能页面中，选择一个功能以显示信息面板。在权限选项卡中，选择添加成员。在新成员字段中，键入allUsers。在角色下拉列表中，选择云功能，然后选择云功能调用程序并保存。

实际上，对于一个函数在初次创建时具有受限权限来说是有意义的，但是我已经习惯了默认权限的存在，因此绝对是我的错（或新功能）。当然，这不能解决潜在的问题，但希望能有所帮助。

Firebase可调用云功能CORS错误

1 个答案: