何も設定を行わないとCloudFrontとS3を利用したReactAppで「/」ページ以外にアクセスするとAccessDeniedが発生する。 対策としてはCloudFrontの「エラーページ」の設定でHTTP エラーコードが403の時に「/」ページへ遷移させるようにする。

1. 環境変数ファイルの作成と配置 「.env」ファイルを作成し、Reactプロジェクトのルートディレクトリに配置する。 ※「package.json」ファイルと同じ場所 .env REACT_APP_API_HOST=https://api.example.com 2. 環境変数の使用 const login = () => { ... con…