Vue のビルド後、.env.Production 変数は未定義になります

Question

Vue 2.2.3 プロジェクトには 2 つの .env ファイル、.env.development と .env.development があります。 ;。

各 .env ファイルで、VUE_APP_API_URL 変数を異なる値に割り当てました - 1 つはローカル開発環境用、もう 1 つは運用サーバーで使用するためです。 。

npm run build を実行すると、問題なくアプリケーションがローカルの dist フォルダーにコンパイルされます。ただし、dist をサーバーにデプロイするときに、Vue アプリケーションで VUE_APP_API_URL をログすると、unknown が返されます。

これは初めてなので、何か見落としがあるかもしれません。 .env.production URL がビルドで機能するために他に何かしなければならないことはありますか?

よろしくお願いいたします。

Answer 1

私のアドバイスは、あまり複雑にしないことです。 .env ファイルを使用するだけです。

リポジトリにプッシュしないように注意してください。プッシュしないと公開されてしまいます。それだけです。

私の構成は次のとおりです: 開発用の .env には定数が含まれています。

その後、運用環境では、そこに変数を設定するだけです。