vue项目打包后动态修改环境
问题情景
一般情况下,我们提前知道服务器IP,可以在项目中写死直接打包,把生成的dist包部署到指定服务器中。
特殊情况下,尤其是一些招标外包项目,客户尚未提供实际生产IP和一些重要参数,开发阶段就需把这些信息进行动态配置,项目打包后也可在不重新打包的前提下修改。
解决方法
1.在项目文件夹下public中新建一个全局配置文件,如下图 server.js
2.server.js中给window对象挂载全局对象属性
3.index.html中引入server.js
4.如此,项目中就可以直接引入挂载在window中的对象参数了
5.项目打包后的dist结构为下图所示,修改server.js文件内容就可修改打包后的配置参数