vue项目可以根据不同的启动命令应用对应环境的域名及其它变量值

一、配置文件说明 

对应的配置文件：

.env：公用配置文件，不管在哪个环境启动的项目，都会使用这个文件里面的变量
           其他配置文件里和此文件同名的变量会覆盖.env里的变量，不同名就合并
.env.development：开发环境，默认配置文件，即当不指定任何环境启动时使用；
.env.production：正式环境，在 package.json 启动命令后加 --mode production
.env.staging：测试环境，在 package.json 启动命令后加 --mode staging

二、package.json配置

  "scripts": {

    "serve": "vue-cli-service serve",

    "staging": "vue-cli-service serve --mode staging",

    "production": "vue-cli-service serve --mode production",

    "build": "vue-cli-service build",

    "build2": "vue-cli-service build --mode staging",

    "build3": "vue-cli-service build &&vue-cli-service build --mode staging",

    "lint": "vue-cli-service lint"

  },

三、命令

npm run serve         启动开发环境

npm run staging       启动测试环境

npm run production    启动正式环境

npm run build         构建正式环境

npm run build2        构建测试环境

npm run build3        同时构建正式环境和测试