关于process.env的配置

vue-cli支持在根目录建立.env文件来进行一个全局的配置，然后项目中使用process.env来进行调用，例如在.env文件中设置一个VUE_APP_BASE_API，项目中就可以使用process.env.VUE_APP_BASE_API来进行调用。

同时process.env还有一个特殊的变量：NODE_ENV，这个是node的环境，默认的有development和production两种，分别对应运行运行vue-cli-service serve与vue-cli-service build两种环境。也就是说开发环境默认为development，打包之后的环境默认为production。同时也支持不同环境不同配置，在项目根目录中配置.env.development与.env.production两个文件（使用方法与.env一致），系统根据不同环境获取不同配置文件。达到不同环境不同配置的效果。
然而实际开发中，我们不一定只有两个环境，所以vue-cli也提供了多环境的配置方法。在系统根目录中配置.env.[environmentName]文件，然后运行时候加上–mode environmentName就可以将配置文件切换到对应文件中去，例如

但是需要特别注意NODE_ENV这个变量，当上图中使用打包命令配合–mode environmentName时NODE_ENV会被默认重置为development，有两种办法可以设置NODE_ENV，一种是在.env.[environmentName]文件中直接设置NODE_ENV = ‘environmentName’；另外一种办法就是在命令行中添加NODE_ENV = ’environmentName‘，例如"prod": " NODE_ENV = ’environmentName‘ vue-cli-service build --mode prod"，然后执行即可。