Q&A
実現したいこと
- reactで作成したフロントエンドからflaskで作成したバックエンドへのAPIリクエストにおける、corsエラーを解決したい。
前提
flaskのメインファイルに下のようにcors設定しているのですが、reactのローカルサーバーからのリクエストがNo 'Access-Control-Allow-Origin' headerエラーで拒否されます。
python
1app = Flask(__name__) 2CORS(app, resources={r"*": {"origins": "http://localhost:3000/", "supports_credentials": True}})
発生している問題・エラーメッセージ
Access to fetch at 'http://localhost:5000/test' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
該当のソースコード
python
1app = Flask(__name__) 2CORS(app, resources={r"*": {"origins": "http://localhost:3000/", "supports_credentials": True}})
試したこと
問題の簡略化のため、reactとflaskの簡単なアプリを作成して、GETリクエストをwebサーバーから送信してみましたが、同じ問題が発生しました。
AWSのEC2インスタンスにreactとflaskアプリを置き、リクエストを送信した場合も、同じようにcorsエラーになりました。
補足情報（FW/ツールのバージョンなど）
回答1件
0
Flask-Corsは日本語の情報が少ないので、Flask-Cors を使って Flask を Cross Origin Request に対応するあたりを見ながら試行錯誤するのが早いと思います。
ぱっと見あっているように見えるのですが、ドキュメントが少ないので、何が悪さしているのかよく分かりません。
とりあえず、全部許可してみて動くか、
originを狭めて見て動くか、
など確認してみてはいかがでしょうか。
投稿2023/12/11 02:55
総合スコア2443
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/12/11 07:21