env.义齿env.production環境ファイルprocess.Envプロパティ


を選択します.
パターンはVue CLIプロジェクトにおける重要な概念である.デフォルトでは、Vue CLIプロジェクトには3つのモデルがあります.開発、テスト、生産
  • developmentモードvue-cli-service serve
  • testモードvue-cli-service test:unit
  • productionモードは、vue-cli-service build及びvue-cli-service test:e2e
  • に用いる.
    vue公式ドキュメント
    環境ファイル
    ファイル名
    さぎょう
    .env
    すべての環境でロード
    .env.local
    すべての環境でロードされますがgitは無視されます
    .env.[mode]
    指定したモードでのみロードされます
    .env.[mode].local
    指定したモードでのみロードされますがgitは無視されます
  • .envグローバルデフォルトプロファイルは、マージ
  • がどの環境でもロードされます.
  • .env.development開発環境におけるプロファイル
  • .env.production本番環境におけるプロファイル
  • 環境ファイルの読み込みの優先順位
    特定のモードのために準備された環境ファイル(例えば、.env.production)は、一般的な環境ファイル(例えば、.env)よりも優先度が高くなる.
    環境ファイルが変わり、サービスを再起動する必要があります.
    理由:.env は運転vue-cli-service によってロードされます
    かんきょうへんすう
  • プロジェクトルートディレクトリ>>次のファイルの配置>>環境変数の指定
  • 環境ファイルには、環境変数の「キー=値」対
  • のみが含まれます.
  • にロードされた変数は、vue-cli-serviceのすべてのコマンド、プラグイン、および依存に対して使用可能である.

  • 例:vue-element-adminバックグラウンドフロントエンドソリューションの.env.developmentファイルのコード
    # just a flag
    ENV = 'development'
    
    # base api
    VUE_APP_BASE_API = '/dev-api'
    
    

    注意:属性名はVUE_APP_で始まる必要があります.たとえば、VUE_APP_XXXです.
    ファイルのロードについて:
    起動コマンドvueによって対応する環境が自動的にロードされます.vueはファイル名に基づいてロードされます.むやみに名前を付けないでください.どのファイルをロードするかを制御する必要はありません.
    例えばnpm run serveコマンドを実行すると、.env.developmentファイルが自動的にロードされます.
    プロセスについてEnvプロパティ
    グローバル属性は、process はglobal(グローバル変数)であり、現在のNodeを制御するための情報を提供することができる.jsプロセス.オブジェクトとしてノードに対してjsアプリケーションは常に使用可能であるため、require()を使用する必要はありません.