vueグローバル環境変数とモードを深く分析します。
プロジェクトのルートディレクトリ内の次のファイルで環境変数を指定できます。
env # すべての環境にロードされます。
env.local # すべての環境にロードされますが、gitに無視されます。
env.[mode] # 指定されたモードのみマウントされます。
env.[mode].local # 指定されたモードでのみマウントされますが、gitは無視されます。
環境ファイルは環境変数の「キー=値」ペアのみを含んでいます。
FOO=bar //無効
VUE_APP_.SECRET=secret 効果がある
モード
モードはVue CLIプロジェクトの重要な概念です。デフォルトの場合、1つの developmentモードはvue-cli-service serve に使用されます。 productionモードは、vue-cli-service buildとvue-cli-service test：e 2 e に使用されます。 testモードはvue-cli-service test:unitに使用されます。
モードを知ると、対応する環境変数を設定できます。はproductionのための設定である。env.production はdevelopmentの設定です。env.development *特定のモードのために準備された環境ファイル（例えば.env.production）は、一般的な環境ファイル（例えば.env）よりも高い優先度を持つことになる 。
現地で使うだけなら、後から入れます。local、例えば
クライアント側コードでは、
プロcess.env.NODE_ENVは、アプリケーション動作モード（「development」、「production」、または「test」）を取得する。
process.env.BASE_URL、基本経路（vue.co nfig.jsのpublicPathオプション）を適用します。
ps：次は環境変数とモードの役割について話します。
vueフレームを使ってフロントエンドの開発を行うには時間がかかります。問題は大きく2つに分類されます。開発問題、配置問題。
開発に関する問題が一番多くて、皆さんもよくありますが、部署の問題も無視できません。もし配置が間違ったら、深刻なオンライン事故になります。
開発とテスト時のバックグラウンドインターフェースのアドレスは生産環境とは違って、他のページに移動する場合もあります。テストと生産環境が違っているページにジャンプする必要があります。
これらの配置はすべて人工的に維持して、環境の注釈をテストして生産のコードを落として、生産環境に注釈を付けてテストのコードを落としたら、面倒で間違いやすいです。
だから、一つの入り口でコントロールする必要があります。これはvueフレーム中の環境変数とモードを使います。
vue-cli 3で構築したプロジェクトのルートディレクトリで作成します。env.[モード]ファイルはモードを定義できます。このファイルで定義されている変数は対応モードの環境変数です。
ローカルで起動するプロジェクトはデフォルトではdevelopmentモードで、buildコマンドでパッケージ化するデフォルトでは使用されるproductionモードです。しかし、私たちは通常テスト環境があります。私たちがテストパッケージを作ったり、生産バッグを作ったりする時は、プロダクトモードを使っていますので、環境変数を定義して区別する必要があります。
私の現在のやり方は作成です。
各モードファイルには3つの環境変数があります。NODE_ENV（現在のモードの名称に対応）、VUE_APP_.RUNTIME_ENV（現在の環境に対応する名前）、VUE_APP_.BASE_URL（現在の環境ではバックステージに要求されたbaseurlを送信します。）
vue-cli 3で構築したプロジェクトのデフォルトはdevelopmentモードとproductionモードのみで、デフォルトのNODEENVはそれぞれdevelopmentとproductionで、多くの配置もNODEだけによるものです。ENVはこの2つのモードを区別しますが、3つのモードが必要です。生産とテストのカバンは環江変数以外は同じですので、同じプロデュースモードに属しています。追加のVUEを使うAPP_.RUNTIME_ENVはproductionとtest環境を区別します。
定義が完了したら、プロジェクトに
package.jsonにもテストパケットを定義するコマンドが必要です。
「build-test」：「vue-cli-service build--mode test」
テスト配置を使用したボディ生産バッグを作ることを示します。
ここで、vueのグローバル環境変数とモードについて深く分析します。これについて紹介します。Vueのグローバル環境変数とモード内容については、以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。
env # すべての環境にロードされます。
env.local # すべての環境にロードされますが、gitに無視されます。
env.[mode] # 指定されたモードのみマウントされます。
env.[mode].local # 指定されたモードでのみマウントされますが、gitは無視されます。
環境ファイルは環境変数の「キー=値」ペアのみを含んでいます。
VUE_APPから開始しなければなりません。FOO=bar //無効
VUE_APP_.SECRET=secret 効果がある
モード
モードはVue CLIプロジェクトの重要な概念です。デフォルトの場合、1つの
Vue CLI プロジェクトは3つのモードがあります。現地で使うだけなら、後から入れます。local、例えば
.env.local 、gitは無視します。クライアント側コードでは、
process.env.VUE_APP_* を使用してアプリケーションを取得することができます。プロcess.env.NODE_ENVは、アプリケーション動作モード（「development」、「production」、または「test」）を取得する。
process.env.BASE_URL、基本経路（vue.co nfig.jsのpublicPathオプション）を適用します。
ps：次は環境変数とモードの役割について話します。
vueフレームを使ってフロントエンドの開発を行うには時間がかかります。問題は大きく2つに分類されます。開発問題、配置問題。
開発に関する問題が一番多くて、皆さんもよくありますが、部署の問題も無視できません。もし配置が間違ったら、深刻なオンライン事故になります。
開発とテスト時のバックグラウンドインターフェースのアドレスは生産環境とは違って、他のページに移動する場合もあります。テストと生産環境が違っているページにジャンプする必要があります。
これらの配置はすべて人工的に維持して、環境の注釈をテストして生産のコードを落として、生産環境に注釈を付けてテストのコードを落としたら、面倒で間違いやすいです。
だから、一つの入り口でコントロールする必要があります。これはvueフレーム中の環境変数とモードを使います。
vue-cli 3で構築したプロジェクトのルートディレクトリで作成します。env.[モード]ファイルはモードを定義できます。このファイルで定義されている変数は対応モードの環境変数です。
ローカルで起動するプロジェクトはデフォルトではdevelopmentモードで、buildコマンドでパッケージ化するデフォルトでは使用されるproductionモードです。しかし、私たちは通常テスト環境があります。私たちがテストパッケージを作ったり、生産バッグを作ったりする時は、プロダクトモードを使っていますので、環境変数を定義して区別する必要があります。
私の現在のやり方は作成です。
env.development，.env.test，.env.productionパターンファイルです。各モードファイルには3つの環境変数があります。NODE_ENV（現在のモードの名称に対応）、VUE_APP_.RUNTIME_ENV（現在の環境に対応する名前）、VUE_APP_.BASE_URL（現在の環境ではバックステージに要求されたbaseurlを送信します。）
vue-cli 3で構築したプロジェクトのデフォルトはdevelopmentモードとproductionモードのみで、デフォルトのNODEENVはそれぞれdevelopmentとproductionで、多くの配置もNODEだけによるものです。ENVはこの2つのモードを区別しますが、3つのモードが必要です。生産とテストのカバンは環江変数以外は同じですので、同じプロデュースモードに属しています。追加のVUEを使うAPP_.RUNTIME_ENVはproductionとtest環境を区別します。
定義が完了したら、プロジェクトに
process.env.VUE_APP_RUNTIME_ENVを使用して変数の値にアクセスできます。package.jsonにもテストパケットを定義するコマンドが必要です。
「build-test」：「vue-cli-service build--mode test」
テスト配置を使用したボディ生産バッグを作ることを示します。
ここで、vueのグローバル環境変数とモードについて深く分析します。これについて紹介します。Vueのグローバル環境変数とモード内容については、以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。