vue-cli项目打包模式与环境问题

         我们常常在开发的时候，开发环境和生产环境的api是不一样的，所以导致请求路径的改变，那么在vue-cli中我们是这样处理问题。首先阅读一下官网vue-cli环境变量知识

步骤：

(1)pakage.json环境配置如下：

"scripts": {
    "test": "vue-cli-service serve --mode test",
    "prod": "vue-cli-service serve --mode prod",
    "buildProd": "vue-cli-service build --mode buildProd",
    "buildTest": "vue-cli-service build --mode buildTest"
  },

 (2)那么在使用上述对应命令(eg:npm run test)的时候，就会去项目中寻找入口文件.env.test，即在项目根目录中package.json同级中创建.env.test     .env.prod    .env.buildProd    .env.buildTest  

补充知识：

示例：.env.test文件（配置该模式环境下的所需，切勿放置机密文件）

NODE_ENV=development
VUE_APP_VER=test
VUE_APP_PREFIX=/t
VUE_APP_SERVER=/test
VUE_APP_SERVER_JSON=/getJson

VUE_APP_TEST_SERVER=/testApi