vuejs使用webpack添加环境常量----多环境开发、打包场景解决方案

使用webpack构建的工程，在开发过程中不同环境的配置不同，在各种环境的打包切换过程中需要手动修改相关配置达到预期目的。但是每次都手动修改会比较麻烦，所以参考了别人解决方案，自己进行总结，实现了不同环境打包分类配置。

参考：vuejs添加环境常量----多环境开发打包场景解决方案之一 - 个人文章 - SegmentFault 思否  https://segmentfault.com/a/1190000014899779?utm_source=channel-hottest

我的vue项目的目录是这样的

 

一个项目的开发调试过程肯定不止开发环境和生产环境，由于缺少环境常量，开发人员常常需要手动修改BASE_URL，进而导致如果项目存在多个环境时，多出的环境没办法自动化构建。

axios.defaults.baseURL = 'http://xxx.xxx.xx.xx/' //更改环境api需要手动修改

1. env-config.js是我后添加进去的。

 env-config.js 如下

/*
 使用方法示例