Vue CLIを用いた環境変数の設定方法 - Qiita

基本的にはVue CLI の公式ページや他の方の記事を確認すればわかりますが、実際に適用するやり方が明記されていないように思えたので記載しました。 環境 ・ Vue CLI: 3.6.3 作成前提 今回はローカル環境、開発環境、本番環境の 3 つを用意します。 環境変数設定方法 .env ファイルの作成 プロジェクトファイルのルートディレクトリに .env.local .env.development .env.prod を作成します。 それぞれのファイルの書き方の例は下記の通りです。 それぞれの環境で使用したい、API の Base URL 等を記載します。 Vue CLI では.localがつくものは.gitignore で git には push しないように初期設定されています。 .env ファイルの変数にはVUE_APP_の接頭辞が必要になります。