vue.js打包生成配置文件（参考）

//打包时输出可配置文件
const GenerateAssetPlugin = require(‘generate-asset-webpack-plugin‘)
const createServerConfig = function (compilation) {
  let cfgJson = {
    ApiUrl: "http://192.168.0.100:3001"
  }
  return JSON.stringify(cfgJson)
}

//打包时输入配置
new GenerateAssetPlugin({
  filename: ‘serverconfig.json‘,
  fn: (compilation, cb) => {
    cb(null, createServerConfig(compilation));
  },
  extraFiles: []
}),

//获取配置
Vue.prototype.getConfigJson = function () {
  this.$http.get("serverconfig.json")
    .then((result) => {
      //用一个全局字段保存ApiUrl，也可以用sessionStorage存储
      Vue.prototype.ApiUrl = result.body.ApiUrl;
    }).catch((error) => {
      console.log(error)
    });
}

//调用getConfigJson()获取ApiUrl
mounted: function() {
  this.getConfigJson();
}