ホームページ >ウェブフロントエンド >jsチュートリアル >Firebase Cloud Functions で CORS を有効にする方法は?

Firebase Cloud Functions で CORS を有効にする方法は?

DDD
DDDオリジナル
2024-12-03 03:33:09126ブラウズ

How to Enable CORS for Firebase Cloud Functions?

Cloud Functions for Firebase の CORS を有効にする

AJAX リクエストを使用して Cloud Functions for Firebase にアクセスしようとすると、「 「Access-Control-Allow-Origin」エラーはありません。これは、CORS (Cross-Origin Resource Sharing) 構成が欠如しているために発生します。この問題を修正するには、関数内で CORS を有効にする必要があります。

Cloud Functions v2 のソリューション:

Cloud Functions v2 は、CORS を関数に組み込むことで簡単なソリューションを提供します。定義:

const { onRequest } = require("firebase-functions/v2/https");

exports.sayHello = onRequest(
  { cors: true },
  (req, res) => {
    res.status(200).send("Hello world!");
  }
);

クラウド機能のソリューションv1:

Cloud Functions v1 では、Firebase チームが提供する 2 つのサンプル関数が CORS 処理を示しています。 2 番目のサンプルは別のメソッドを使用しています:

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

exports.fn = functions.https.onRequest((req, res) => {
  cors(req, res, () => {
    // Implement the function body here using the provided req and res from CORS
  });
});

追加メモ:

  • 関数が 500 エラー コードを返した場合、Axios/jQuery は状況に応じて再試行します。構成上。ステータス コードを 200 に変更します。
  • エンドポイント URL に予想されるスキーム (つまり https://) があり、リクエストの Origin ヘッダーと一致していることを確認します。

以上がFirebase Cloud Functions で CORS を有効にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。