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

    在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){
    // 执行禁用控制台的逻辑
}