vue 配置多环境打包发布

在做vue项目开发的时候,会有不同的环境,个人开发环境,公司测试环境,线上发布环境,每个环境下又需要到不同的服务器获取数据,每次发布不同环境,要修改不同接口地址,然后提交->打包->部署,十分麻烦。

项目所需要的url

每次打包都需要修改http.js文件

修改之前的打包方式

执行不同的命令打不同的包

    修改build/build.js


build.js

修改build/webpack.dev.conf.js

webpack.dev.conf.js

修改build/webpack.prod.conf.js

webpack.prod.conf.js

修改src/api/http.js

http.js

打包npm run build -- 2


打包后可以正确获取url

欧凯,到此结束,当我们想打不同环境的包,npm run build -- 1/2/3,

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

推荐阅读更多精彩内容