vue .env配置环境变量

   最近使用的不同的环境有点多了，接口文件ip一直在替换打包，看了下文档，有个方案使用.env配置不同的环境运行打包

   vue 现在已经兼容了env ，无需下载

   创建文件（根目录）

      创建.env.development，.env.production，.env.test 以上文件（仅仅是个人习惯，可以根据自己需要创建）

• .env.                       全局变量，不同的环境都可以使用
• .env.development  开发环境
• .env.production      生产环境
• .env.test                 本地环境
• .env. name             name环境 （自定义环境）

   

  内容配置

NODE_ENV='test'  //环境的名称# 自定义变量：（必须VUE_APP_开头，否则无法识别变量）
VUE_APP_ServeUrl="xx"

 注意：内容书写完之后，好像无法从外部修改，

使用变量：

使用：process.env.+变量名称
process.env.VUE_APP_ServeUrl

环境运行/打包：

   package.json 内使用 --mode 环境名字   配置默认运行/打包的环境

    "serve": "vue-cli-service serve --mode test","build": "vue-cli-service build","build:dev": "vue-cli-service build --mode development",