VUE-CLI 4.0.5サンプル設定環境変数

プロジェクトのルートディレクトリに.Envのビルドファイル、環境変数、その値を取得するように設定することができ、動作モードの種類に関係なく。
そこでのVUEの3つのモードです:3つの構成では、開発、テスト、生産、現在package.json:

"serve": "vue-cli-service serve", //对应 development 模式
"build": "vue-cli-service build", //对应 production 模式
"lint": "vue-cli-service lint"  // 对应 eslint 规范检测

このよう.env.newplayerファイルを作成するように、あなたが望むものを書き始めて、ファイルが.envの後ろに作成されていることを指摘し、独自のパターンのノートを作成し、内容がなければなりませんVUE_APP_の始まり

VUE_APP_TEST = TEST
VUE_APP_PLAYER = PLAYER

しかし、中にpackage.jsonに次のように実行して、新しいコンフィギュレーション:

"serve:newplayer": "vue-cli-service serve --mode newplayer",

プロジェクトの環境設定にアクセスするには、使用することができます。

console.log(process.env.VUE_APP_PLAYER)

オンラインデモ:https://github.com/changxianglin/vue-env.git

参考:

  1. メインリファレンス
  2. vuec-LI3環境変数の設定
  3. VUE-cli3.0環境変数モード
  4. VUE-CLI3 .env.development環境変数と構成.env.production

おすすめ

転載: www.cnblogs.com/zhourongcode/p/11854508.html