今回はRoute53 + CloudFront + S3構成でVue.jsをホスティングしたのでメモ的な感じで記録しておきます。
ドメインの取得
以下のサイトから無料のドメインを取得することができます。
詳しい取得方法は以下のサイトを参考にしました。
Route53・CloudFront・S3の設定
以下のサイトを参考にしました。
つまずいたところ
カスタムエラーレスポンス
TOPページ以外にアクセスすることができないようになった。これはVue.jsのSPAの仕様の問題です。CloudFrontから以下のようにカスタムエラーレスポンスを設定しておきましょう。
キャッシュの削除
次回デプロイした時はキャッシュを削除しましょう。