记一次process.env.NODE_ENV引发的问题

一、process.env.NODE_ENV是什么？

在vue项目中，process.env读取的是env文件里全局环境变量, 其中我们常用NODE_ENV来区分生产环境or开发环境。

二、 这个变量如何配置

这个变量是用户自定义的，配置在package.json里。

如果没有配置，就是默认的dev是developmet，build：prod是Production，其他命令默认都是development。

以下是错误的配置方法（引以为戒）

NODE_ENV或者ENV这两种写法，都不会随着打包命令的不用而被读取到，环境变量env文件里，能被读取到的变量必须是VUE_APP前缀开头的，这两种写法，纯粹是给码农自己看的而已。

所以当有多个环境，多个env文件时，不能单单在env文件里用NODE_ENV或者ENV这两种写法来区分不同环境。

三、解决方法

1、在env文件里新起VUE_APP_NODE_ENV（记得前缀是VUE_APP就行，标志位变量名随便起），项目都能根据命令不同，

正常读取到这个标志变量的值。也不用多安装一个cross-env，并且在package.json文件里进行配置

ps：个人感觉这种会方便一点，也比较直观，不会像我一样犯这种奇葩错误，以为在env里改了NODE_ENV就行就行。

2、安装cross-env

安装命令 npm install --save-dev cross-env

安装完之后，去到package.json里进行配置

默认配置是

根据需要自行修改即可

ps: 久违的更新，后续在掘金那边更新比较多吧。

作者：用户636430007170
链接：https://juejin.cn/post/7121543583319982087
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。