Vue2中的process.env.NODE_ENV

Vue2中的process.env.NODE_ENV

process.env.NODE_ENV的作用

在项目中,process.env.NODE_ENV 默认两种状态 development 和 production。

  • development 指代本地开发即localhost环境(本地的开发);
  • production 统称线上环境(不管是dat、uat还是生产环境),node是不知道你服务是测试还是正式,除非你手动指定。

因此,通过这两种状态确认当前运行的环境从而,进行自定义的一些配置。

process.env.NODE_ENV是什么东西

要了解这个先要知道process.env是什么?

process, 首先在node.js中,全局变量process代表着当前node的进程,所以它提供着当前node的相关信息,而且是全局变量,无需通过require()

process.env 是作为process对象中的一个属性,它也是一个对象,返回包含用户环境的信息对象

(在终端输入node后,在输入process.env可以看到打印出来的信息)

Vue2中的process.env.NODE_ENV_第1张图片

process.env.NODE_ENV

从图中打印,知道NODE_ENV 不是process.env对象上原有的属性,是开发人员添加上去的。

那么它是如何添加上去的呢?
Vue2中的process.env.NODE_ENV_第2张图片
在package.json中,设置了我们运行调试的命令对应的哪个环境,

所以平时我们一般会先npm run 看看有哪些环境名,然后选择对应的环境运行

如:

  • npm run serve ,其实是运行了 vue-cli service serve --mode local,默认模式为 development 。

    可以在创建.env.local 文件下修改该模式的 NODE_ENV 。

  • npm run prod ,其实运行了 vue-cli service build --mode prod,默认模式为 production 。

    可以在创建.env.prod 文件下修改该模式的 NODE_ENV
    Vue2中的process.env.NODE_ENV_第3张图片

Vue2中的process.env.NODE_ENV_第4张图片

所以 process.env.NODE_ENV是我们执行脚本命令时添加上去的一个全局环境变量。

先到这里吧,后续有待更新~

你可能感兴趣的:(vue.js,前端,node.js)