VUEはwebpackを利用して生産環境とオンライン環境に異なるインタフェースアドレスを構成する

###VUEはwebpackを利用して生産環境と配布環境に異なるインタフェースアドレスを構成する)####*
最初のステップでは、それぞれ異なるインタフェースアドレスを設定します.まず、次のファイルを見つけます.

/config/dev.env.js
/config/prod.env.js

この2つのファイルは、本番環境とパブリッシュ環境に対して異なるパラメータを設定するファイルです.私たちはdev.enを開きます.jsファイル.コードは次のとおりです.

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
 
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"'
})

NODEでENVの次に1つ追加します.コードは次のとおりです.

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
 
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API_ROOT: '"//192.168.1.8/api"'
})

次にprod.envを編集します.jsファイル、

module.exports = {
  NODE_ENV: '"production"',
  API_ROOT: '"//www.baidu.com/api"'
}

src/config/apiを開きます.jsファイル、元の先頭のコードを
//APIインタフェースアドレスの設定

var root = 'https://cnodejs.org/api/v1'

次のように変更
//APIインタフェースアドレスの設定

var root = process.env.API_ROOT

そして、私たちの構成作業を完了しました.最後に、プロジェクトを再起動すると、新しい構成のインタフェースアドレスが有効になります.
このような構成を経て、私たちは実行しています.

npm run dev

の時、走っているのはテストインタフェースです.
我々は

npm run build

プロジェクトをパッケージ化するときは、サーバーの正式なインタフェースをパッケージ化しています.私たちは調整する必要はありません.
本文はFungLeoオリジナル!