フロントはReact、バックエンドはアンプリファイを使用してS3に画像を保存して表示したい

【教えてもらいたいこと】
プログラミング/インフラ・クラウド, AWS

【利用目的】
技術的な質問・相談

【具体的な相談内容】
学習のために
フロントはReact、バックエンドはアンプリファイを使用してS3に画像を保存して表示する簡単なアプリケーションを作成しています。

文字列等はデータベースに保存することはできたのですが画像をS3に保存することができず困っております。

エラーは以下のようなエラーが出ております

Access to XMLHttpRequest at 'https://s3.ap-northeast-1.amazonaws.com/public/1694336385886-345d0cd02db31db5098f7d438010bdb2.png' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

調べてみるとCROSの設定エラーだとわかり、S3バケットの設定をしましたが解決しませんでした。

どなたかわかる方がいらっしゃいましたらご教示お願いいたします。

よろしくお願いいたします。

【希望相談スタイル】
ビデオ通話

【目安予算】
3000円