一、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
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。