ionic アプリから Google Cloud Functions にデータを送信しようとしていますが、次のエラーが発生し続けます:
オリジン 'http://localhost:8100' から 'https://xxxxxxxxxxxxxxx.cloudfunctions.net/upload_data' にある XMLHttpRequest へのアクセスが CORS ポリシーによってブロックされました: アクセスは要求ヘッダー フィールド content-type - プリフライト応答 Control- を許可しませんヘッダーを許可します。
リクエストヘッダーを削除しても同じエラーが表示されます。 ご協力をいただければ幸いです。よろしくお願いいたします。
私のタイプスクリプトコード:
リーリーPython クラウド関数:
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CORS関連する構成は、サーバー側コードで完了する必要があります。あなたの質問から、PythonのFlaskフレームワークを使用していることがわかります。したがって、CORSは Flask で次のように構成する必要があります:flask-cors -
を実行してインストールします。 リーリー次のエンドポイント コードの例を考えてみましょう:
リーリー更新
Production
また、環境では、Access-Control-Allow-Origin':'*'の使用を禁止してください。代わりに、ドメイン名をホワイトリストに登録する必要があります。詳細については、こちらとこちらをご覧ください。Ionic と Capacitor
参考リンク:を使用している場合は、Http プラグイン を使用することをお勧めします。可能であれば、独自の カスタム プラグインを作成して、基盤となるオペレーティング システムプラットフォーム固有のを使用してネットワーク 呼び出しを ネイティブに実装することもできます。 API の実装。これにより、CORS 関連の問題の発生が防止されます。Flask CORS 構成
Flask エンドポイントに CORS の使用を許可する