問題タブ [http-status-code-502]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
flask - CORS と Authorization ヘッダーを使用して Flask を適切に設定する方法
フラスコ アプリケーション内で CORS をセットアップしたいと考えており、フラスココアを追加すると、特定のポイントまで役立ちました。「CORS(app)」は承認を必要としないすべてのルートに役立ちましたが、承認を必要とするルートにアクセスできません。
問題の1つのルートは次のようになります。
私はCORS設定をいじって、これまでのところこれを得ました:
しかし、フェッチを介して React アプリケーション内から問題のルートにアクセスしようとすると、次のエラーが発生します。
MYROUTE を読み込めませんでした: 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://localhost:3000 ' へのアクセスは許可されません。応答に HTTP ステータス コード 502 が含まれていました。不透明な応答が必要な場合は、要求のモードを「no-cors」に設定して、CORS を無効にしてリソースをフェッチしてください。
他に何ができますか？
編集
CURL 経由で OPTIONS リクエストを送信すると、問題のルートが「access-control-allow」ヘッダーで応答することがわかります。だから私は何が起こっているのか本当に無知です。ここにも私のフェッチリクエストがあります:
また、ヘッダー「承認」なしでルートを呼び出すと、クロスオリジンの問題ではなく、「認証が提供されていません」という正しい応答が返されます。このルートに cross-origin-allow が本当に設定されていない場合、承認なしでリクエストにそれを記載する必要がありますよね? したがって、Authorizationヘッダーと関係があります...