CloudFront経由のS3で公開した静的サイトでサブディレクトリにアクセスしたときにindex.htmlを返すようにする

やりたいこととしては、www.hoge.com/aboutにアクセスするとwww.hoge.com/about/index.htmlのページが見れるようにしたいです。

デフォルトのままだとwww.hoge.com/aboutにアクセスしてもAccess Deniedになってしまいます。

CloudFrontのOrigins設定を変更する

ここのホスティングしているエンドポイントを直接CloudFrontのOriginsに設定します。デフォルトではバケットのurlになっています。

CloudFrontのOrigins設定を変更します。Editから変更可能です。

ここに先程のホスティングしているエンドポイントを入力します。

StatusがIn Progressになるのでしばらく待ちます。数分はかかります。Enabledになったら終了です。

これでサブディレクトリにアクセスした時にindex.htmlを返してくれるようになります。