ホームページ  >  に質問  >  本文

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

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

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

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

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

リーリー

Python クラウド関数:

ああああ

P粉439804514P粉439804514258日前406

全員に返信(1)返信します

  • P粉763662390

    P粉7636623902024-02-05 00:09:52

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

    flask-cors -

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

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

    リーリー

    更新

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

    また、

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

    参考リンク:

    Flask CORS 構成

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

    返事
    0
  • キャンセル返事