vue环境变量

我们一般可以通过 console.log(process.env)打印知道项目所处的环境

NODE_ENV: development 表示你现在是在本地运行

NODE_ENV: production表示你现在是已经发布到线上了

如果项目存在测试环境以及正式环境的话 ,为了区分需要在根目录下添加一个.env.online的文件,文件的内容为:

NODE_ENV=production  //环境为线上环境
VUE_APP_ENV=online   //判断测试与正式的依据

然后直接在package.json文件中添加

 "build:online" :"vue-cli-service build --mode online "当项目在测试环境下我们运行 npm run build 在正式环境下的话 运行 npm run bulid:online 不同环境执行不同的打包代码.

  线上环境上 process.env.VUE_APP_ENV == 'online'就代表是在正式环境下,反之就在测试环境

 请注意，只有NOOE_EIV，BASE_URL和以VUE_APP_开头的变量将通过webpack.Defineplugin静态地嵌入到客户端的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。
想要了解解析环境文件规则的细节，请参考dotenvC。我们也使用dotenv-expand来实现变量扩展