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语法写,不会有兼容性问题,有些旧版手机进去会运行不了这个文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容