个人理解 配置环境变量就是为了区分在什么环境下，执行不同的请求地址，在项目开发中推荐使用axios封装请求，便于不同环境下的切换的请求地址的随之切换，下面附上流程（前端新手，大神留情多指教！！！）
1.在项目目录中与src文件夹平级，创建文件夹，.env.dev（开发环境），.env.pro（线上环境）.env.tests（测试环境） 一个环境文件只包含环境变量的“键”=值 对? ? 代码如下：
2.三个环境变量下的代码是相同的? 唯独在.env.pro(线上环境)?中添加了一个字段? NODE_ENV=production? ?用于在axios封装中判断当前执行环境?? 隐藏处就是正常的项目接口? 正常公司项目开发中 如果需要你配置 领导是会给你的 不用你要操心
3.在axios封装中使用? 此时我们的请求地址就不要写vue.config.js文件中 devServer 代理配置的地址了 ，可以通过 let一个变量 每次执行不同的环境 给变量赋不同的地址? 直接使用此变量当做请求地址（这里我们要知道devServer 代理配置只能在开发阶段使用）??运用if判断process.env.NODE_ENV === production（这个判断就是看当前的环境变量是否是线上变量，?如果是true的话就是线上环境 反之则是其他环境） 这时呢我们就可以将let的变量附上环境变量文件中配置的地址赋值给 let的变量了 代码如下：
4.请求中的地址 直接使用baseUrl变量作为请求地址 后面字段，参数正常写
5.最后在package.json中的scripts 运行命令中进行配置 --mode 对象的环境文件名? 通过执行不同的命令 运行不同的环境
如 npm run dev? 正常的开发环境 与 npm run serve 相同? ? ?npm run pro? 执行线上环境
build打包配置的是不规范的哈? 这只是自己打包配置着玩的? 直接打包了线上环境
