どうも!大阪オフィスの西村祐二です。 SPAをホスティングする際にCloudFront+S3環境上にデプロイして、配信することはよくあるパターンと思います。 私もAngularでSPAを開発することがよくあります。初めてCloudFront+S3環境で配信したときに、「/」以外のURLでリロードした場合に403(access denied)エラーとなる現象に遭遇して、ハマってしまいました。今回この対応策をご紹介したいと思います。 エラーを再現 ハマった現象を再現するように環境を構築していきます。対応策を早く知りたいかたは下の対応策の項目まで飛ばして大丈夫です。 CloudFront+S3の環境構築 CloudFront+S3の環境は下記ブログにCloudFormationのテンプレートが記載されているので、それを使ってサクッと構築しましょう。感謝! CloudFormation で OAI
![CloudFront+S3環境上のSPA(Angular)で「/」以外のURLでリロードした場合に403(access denied)エラーとなる時の対処法 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/52bf254866896bb47cb09e8d89e2d3e41513b212/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2017%2F01%2Feyecatch-cloudfront.png)