1. 在根目录下新建三个.env文件
   

NODE_ENV=dev
VUE_APP_URL=http://192.168.14.22

NODE_ENV=prod
VUE_APP_URL=https://www.baidu.com

NODE_ENV=test
VUE_APP_URL=https://test.baidu.com

分别对应以上三个文件本地环境、正式环境 和 测试环境

2. 在vue.config.js文件中配置相应的变量，不同的环境打包进不同的文件夹。（此操作可不写）

module.exports = {
    lintOnSave: false,
    outputDir: `dist-${process.env.NODE_ENV}`
}

3. 在package-lock.json文件中的script标签中添加

scripts": {
    "serve": "vue-cli-service serve --mode dev",
    "build.test": "vue-cli-service build --mode test",
    "build": "vue-cli-service build --mode prod"
  },

验证************************************
在main.js 中 console.log(process.env.VUE_APP_URL) 去控制台看结果

npm run build.test 或 yarn build.test 命令打包查看生成的文件名 分别查看控制台的打印结果