ionic アプリから Google Cloud Function にデータを投稿する方法

Question

ionic アプリから Google Cloud Functions にデータを送信しようとしていますが、次のエラーが発生し続けます:

オリジン 'http://localhost:8100' から 'https://xxxxxxxxxxxxxxx.cloudfunctions.net/upload_data' にある XMLHttpRequest へのアクセスが CORS ポリシーによってブロックされました: アクセスは要求ヘッダー フィールド content-type - プリフライト応答 Control- を許可しませんヘッダーを許可します。

リクエストヘッダーを削除しても同じエラーが表示されます。 ご協力をいただければ幸いです。よろしくお願いいたします。

私のタイプスクリプトコード:

リーリー

Python クラウド関数:

ああああ

Answer 1

CORS関連する構成は、サーバー側コードで完了する必要があります。あなたの質問から、Python の Flask フレームワークを使用していることがわかります。したがって、CORS は Flask で次のように構成する必要があります:

flask-cors -

を実行してインストールします。 リーリー

次のエンドポイント コードの例を考えてみましょう:

リーリー

更新

Production 環境では、Access-Control-Allow-Origin':'*' の使用を 禁止 してください。代わりに、ドメイン名を ホワイトリストに登録する必要があります。詳細については、こちらとこちらをご覧ください。

また、

Ionic と Capacitor を使用している場合は、Http プラグイン を使用することをお勧めします。可能であれば、独自の カスタム プラグイン を作成して、基盤となるオペレーティング システム プラットフォーム固有の を使用して ネットワーク 呼び出しを ネイティブに 実装することもできます。 API の実装。これにより、CORS 関連の問題の発生が防止されます。

参考リンク:

Flask CORS 構成

Flask エンドポイントに CORS の使用を許可する