项目随笔【环境变量的获取】

    在Vue项目中，即使没有显式配置.env文件，你依然可以通过process.env.NODE_ENV来获取当前的环境。这个环境变量通常由Vue CLI或其他构建工具自动设置，用于指示当前是开发环境（development）、生产环境（production）还是测试环境（test）。

1、如何获取？

<script> export default {   mounted() {     if (process.env.NODE_ENV === 'production') {       console.log('生产环境');     } else if (process.env.NODE_ENV === 'development') {       console.log('开发环境');     }   } } </script> 

2、使用场景

    在实际开发中，往往有些需要在限制特定环境下才能做的事，就需要先判断一下环境变量，如果满足，再进行相应的逻辑操作，比如下面的例子：

（1）配置 eslint 规则

rules:{      'no-console':           process.env.NODE_ENV === 'development'             ? 'off'             : ['error', { allow: ['warn', 'error'] }],     'no-debugger': process.env.NODE_ENV === 'development' ? 'off' : 'error',  } 

（2） 禁用控制台

isProd = process.env.NODE_ENV === 'production';   if(Prod){     // 执行禁用控制台的逻辑 }