vue将请求服务地址的配置文件外提，拒绝为请求地址重新打包(二)

上来就干货！

根目录下创建h5_config.js文件

(function(window){
    /**
     *用es5语法防止各别浏览器不支持es6
     * @param {string} APIBASEURL 接口域名
     * @param {number} APITIMEOUT 接口超时时间
     */
    window.h5_config = {
        APIBASEURL: 'http://192.168.100.98:5000',
        APITIMEOUT: 3000
    } 
})(window)

修改build/webpack.base.conf.js文件

//引入copy plugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
//配置中添加拷贝文件的代码
const webpackConfig = {
  //省略脚手架的配置
  plugins: [
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, '../h5_config.js'),
        to: config.build.assetsRoot
      }
    ])
  ]
}
module.exports webpackConfig 

打包后的目录结构

--| dist
         --| static
         --| h5_config.js
         --| index.html

引入index.html

这样发布上线上线后，h5_config.js的配置可以直接修改，不需要重新打包覆盖线上config.js文件