我们一般可以通过 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来实现变量扩展