[Docker] Vue.jsのアプリケーションをDocker化する。

Vue.jsで作ったサーバーレスSPAを、Docker化する手順を書いていきます。

DockerFIleの作成

アプリケーションのルートディレクトリに、DockerFileを作成します。

 

DockerFileに設定を書いていく

Nginxを使って、Vueアプリケーションの実行環境を作っていきます。

また、Dockerのマルチステージビルド機能を使うことによって、ビルド環境と本番環境の2つのイメージを同時に作成します。

このマルチステージビルド機能を使うことによって、本番環境でしか使わないモジュールだけをイメージとして組み込むことで、負荷の少ないコンテナを作成することができます。

 

 

DockerFileをビルドする

 

コンテナを作成する

 

これで、localhost:8080にアクセスすると、アプリケーションが表示されます。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA