【Route53 + CloudFront + S3構成】Vue.jsをホスティングする

今回はRoute53 + CloudFront + S3構成でVue.jsをホスティングしたのでメモ的な感じで記録しておきます。

ドメインの取得

以下のサイトから無料のドメインを取得することができます。

詳しい取得方法は以下のサイトを参考にしました。

Route53・CloudFront・S3の設定

以下のサイトを参考にしました。

つまずいたところ

カスタムエラーレスポンス

TOPページ以外にアクセスすることができないようになった。これはVue.jsのSPAの仕様の問題です。CloudFrontから以下のようにカスタムエラーレスポンスを設定しておきましょう。

キャッシュの削除

次回デプロイした時はキャッシュを削除しましょう。