本番環境、検証環境、開発環境の複数環境を作成したときにAPIの向き先を変えたりする必要がある。その都度ベタがきのコードを改修してfirebase,AWSにデプロイするなんていうのは嫌ですよね? また、中にはビルド時に秘密にしたい秘密情報が必要な場合があります。そういったものをデプロイ・ローカルホストの起動時だけ利用できるように設定する簡単な方法がVue.jsには用意されています。 環境変数の切り替え 環境変数の切り替えをローカル上での起動とビルド時にできるようにするための7ステップを紹介します。 1 .env.*** に変数を追加する VUE_APP_***をプレフィックスにして変数名を定義 例 : http://hogehoge を develop に登録する場合