CLIの環境変数とパターンVUE

環境変数の設定

環境変数は、次のファイルで設定できます。

.env                # 在所有的环境中被载入
.env.local          # 在所有的环境中被载入,但会被 git 忽略
.env.[mode]         # 只在指定的模式中被载入
.env.[mode].local   # 只在指定的模式中被载入,但会被 git 忽略
(.local优先于.env生效)

可変形状の内部ファイルキー値ペア
特定のパターン環境ファイルの準備中の変数は、使用可能なプラグインに依存し、VUE-CLIサービスのすべてのコマンドをロードされ、(例えば.env.production )一般的な環境の文書(例えば.env)よりも高い優先順位を持つことになります。

モード

デフォルトでは、VueのCLIプロジェクトは3つのモードがあります。
1.development CLIモード-用-サービスは、VUE仕える
E2E:VUE-CLI-サービスビルド-CLI-と、サービス・テストVUEのための2.productionモード
で3.testモードVUE-CLIサービス試験において:単位
注モードの異なるNODE_ENVパターンは、各モードになり、すなわち、環境変数の複数を含んでいてもよいNODE_ENV-開発モードで、例えば名前モードに価値NODE_ENV」に設定される値開発」。
これは、.envファイル拡張子を追加することで、環境変数のためのユニークなモデルで設定することができます。あなたは、プロジェクトのルートディレクトリに.env.developmentという名前のファイルを作成した場合、その変数は、このファイルで宣言されている唯一の開発モードでロードされます。
あなたも渡すことができ--mode、デフォルトのコマンドラインモードを無効にするオプションパラメータを。あなたは、コマンドの建物に開発環境変数を使用したい場合たとえば、あなただけがpackage.jsonスクリプトを追加する必要があります。

"dev-build": "vue-cli-service build --mode development",
変数

変数は、静的なクライアント側webpack.DefinePluginパッケージ内に挿入することVUE_APP_を開始します。あなたは、アプリケーションコードでそれらにアクセスできるように:

console.log(process.env.VUE_APP_SECRET)

工事期間中、process.env.VUE_APP_SECRETは対応する値に置き換えられます。VUE_APP_SECRET=secretある場合、それは「秘密」に置き換えられます。
VUE_APP_に加えて、*アプリケーションコード内の変数は、常に利用可能である二つの特別な変数があります:
NODE_ENVは- 「開発」、「生産」または「テスト」いずれかになります。値は、アプリケーションの動作モードによって異なります。
BASE_URL -とvue.config.jsは、アプリケーションがベースパスに展開されることをpublicPathオプションと一致します。
注:所有解析出来的环境变量都可以在 public/index.html 中以HTML插值的方式(<%=...%>)使用

おすすめ

転載: www.cnblogs.com/kanaliya/p/12302921.html