環境変数の設定
環境変数は、次のファイルで設定できます。
.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插值的方式(<%=...%>)使用