js打包时如何判断生产环境和开发环境

1、添加声明变量，修改前是下图的样子。

2、修改后是下图的样子。

1、 添加不同环境的名称，修改前如下图所示。

2、修改后如下图所示。

1、修改不同环境下的请求域名地址，修改前如下图所示

2、打包的时候需要通过修改变量getApiUrl等的地址配置来区分不同环境的包，如当前运行npm run build产生的包为测试环境的包，适用于测试人员进行测试。待项目需要上线时需要修改http为https并将test去掉再运行npm run build打包的为生产环境的包，用于项目上线使用，来回的修改比较麻烦。修改后如下图所示

1、 可以通过地址栏获取域名，判断是测试环境还是生产环境，区分对应环境的地址，然后 main.js 引入 挂载vue，就可以通过统一变量进行地址的访问 ，上到生产、测试环境 都不需要更改地址了自动改；这样更改省去了每次单独打包