vue通过打包配置区分环境

在Vue中，通常会使用环境变量来区分打包测试环境和正式环境。Vue使用.env文件来管理环境变量，你可以在项目根目录下创建不同的.env文件来分别指定测试环境和正式环境的配置。

例如，你可以创建.env.test用于测试环境的配置，创建.env.production用于正式环境的配置。然后可以在这些文件中指定不同的环境变量，在代码中通过process.env来使用这些变量。

在package.json的打包命令中使用--mode参数来指定使用哪个环境配置。例如：

"scripts": {
  "build:test": "vue-cli-service build --mode test",
  "build:prod": "vue-cli-service build --mode production"
}

在这种方式下，--mode test表示使用测试环境配置，--mode production表示使用正式环境配置。

这样可以在代码中根据环境变量来区分不同的环境，比如在Vue的main.js中：

if (process.env.NODE_ENV === 'production') {
  // 正式环境的配置
} else {
  // 测试环境的配置
}

通过这种方式，你就可以区分打包测试环境和正式环境了。