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

-------------2020-08-21 更，此篇webpack的配置学艺不精，可参照本人第二篇的配置-------------------

上来就干货！nei

在项目根目录下创建配置文件h5_config.js(不能叫config.js，会跟vue的打包配置命名冲突)

h5_config.js内容

然后在\build\webpack.dev.conf.js和build\webpack.prod.conf.js（开发环境和上线环境）分别加入配置

合并在一起：

new CopyWebpackPlugin([

      {

        from: path.resolve(__dirname, '../static'),

        to: config.build.assetsSubDirectory,

        ignore: ['.*']

      },{

        from: path.resolve(__dirname, '../h5_config.js'),

        to: config.build.assetsRoot

      }

    ])

打包后的目录结构：

首页引入：

可以写成当前目录下
<script type="text/javascript" src="./h5_config.js?t=<%=new Date().getTime()%>"></script>

这样发布上线的时候就不用老是改配置文件了，因为不需要覆盖线上的配置文件

---------------2020-01-09更------------------

h5_config.js文件建议用es5语法写，不会有兼容性问题，有些旧版手机进去会运行不了这个文件