VUEパッケージには、複数の環境を展開します

1:先下载クロスENV NPM --save-devのクロスENVをインストール

2.1:最初の方法:

あなたはdev.env.js内の内容をコピーすることができます内部のconfigフォルダに、新しいtest.env.js(カスタム名)、

「厳格な使用」
constのマージは=( 'WebPACKのマージを')が必要です
constのdevenvをは=( './ dev.envを')が必要です

module.exportsは=マージ(devenvを、{
  NODE_ENV: ' " テスト "'、
  API_ROOT:「『http://bmh5.test.banmazgai.com/server』」//楽屋テストインターフェイスアドレス
})

prod.env.js内のコードを変更します。 

'厳格な使用' 
= {module.exportsはを
  ' "NODE_ENV のProd "'、
  API_ROOT: ' "http://pxh5.youlanw.com/server"' //背景正式なインターフェイスアドレス
}

ファイルpackage.jsonにコマンドラインを変更します。

"スクリプト":{ 
    "DEV": "のWebPACK-devのサーバー--inline --progress --config / webpack.dev.conf.jsを構築する"、
    "スタート": "NPMの実行DEV"、    
    "テスト": "クロスENV NODE_ENV = 試験 env_config = テストノードビルド/ build.js」、
    "ビルド": "クロスのenv NODE_ENVを= PRODの env_config = PRODのノードビルド/ build.js" 
  }、

NPMの実行DEV /ローカル環境の実行を開始

NPM実行するテストのテスト環境パッケージ

NPMは、正式な環境のパッケージをビルドし実行します

対応するサブJSファイル変数値一致NODE_ENV以下設定フォルダとenv_config値後ろNODE_ENV内部コマンドライン、

2.2:第二の方法

内部のconfigフォルダに、新しいtest.env.js(カスタム名)

'厳格な使用' 
( 'のWebPACK-マージ')必要マージ=定数を
CONST = devenvを必要とする( './ dev.env ')

module.exportsは=(devenvを、{マージ
  NODE_ENV:' " 生産 "'、
API_ROOTを'「HTTP :「『背景テストインターフェースの、//アドレス//bmh5.test.banmazgai.com/server
ENV_CONFIG:』」テスト "」、//これは、パッケージの環境を区別するためです
)}

prod.env.js内のコードを変更します。 

'厳格な使用' 
module.exportsはし= { 
  NODE_ENV: ' " 生産 "'、
API_ROOT: ' "http://pxh5.youlanw.com/server"'、//背景正式インターフェースアドレス
ENV_CONFIG: ' " のProd "'
}

ファイルpackage.jsonにコマンドラインを変更します。

"スクリプト":{ 
    "DEV": "のWebPACK-devのサーバーが--inline --progress --config / webpack.dev.conf.jsを構築する"、
    "スタート": "NPMの実行DEV"、    
    "ビルド:テスト" : "クロスENV NODE_ENV = 生産 env_config = テストノードビルド/ build.js"、
    "ビルド:PROD": "クロスのenv NODE_ENV = 生産 env_config = PRODのノードビルド/ build.js" 
  }、

NPMの実行DEV /ローカル環境の実行を開始

NPM実行ビルド:テストテスト環境パッケージ

NPM実行ビルド:PROD正式な環境パッケージ

対応するサブJSファイルの変数値を以下の背後NODE_ENVは= Configフォルダコマンドライン引数は、生産、すなわち、値が一致NODE_ENV

Env_config同じ値設定/ x.env.js変数値ENV_CONFIG

3:修正ビルド/ build.js以下のコード取得   

説明があります

constのスピナー= ORA( 'prodのための建物....') 

に改訂

constのスピナー= ORA(+ process.env.env_config 'の建物')

4:ビルド/ webpack.prod.conf.jsファイル

コード:

 constのENVは=( '../のconfig / prod.env')を必要と

読みます:

CONST ENV =必要とする( '../設定/' + process.env.env_config + '.env')

5:axios、彼らの新しいJSファイルのパッケージ

「axios」からインポートaxios
変数API_ROOTを宣言したのconfig / test.env.js、設定/ prod.env.jsからaxios.defaults.baseURL = process.env.API_ROOT // API_ROOT変数
axios.defaults.headers.common [ '許可'] = 'JSESSIONID =' + _sessionId

 

おすすめ

転載: www.cnblogs.com/demi-guoba/p/11208871.html