vue process.env.node_env

作者：__龙泉丶聂风发布日期:2025-04-06 浏览:61

// 在 Vue 项目中，process.env.NODE_ENV 是一个非常有用的环境变量，
// 它可以帮助我们区分开发环境和生产环境。下面是一个简单的示例代码：

// 在 vue.config.js 中配置环境变量
module.exports = {
  // 其他配置...
  definePlugin: {
    'process.env': {
      NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development')
    }
  }
};

// 在你的 Vue 组件或 JavaScript 文件中使用它：
console.log(process.env.NODE_ENV);

// 如果你在开发环境中运行，它将输出 "development"；
// 如果在生产环境中运行，它将输出 "production"。

// 例如，在 main.js 中根据环境变量执行不同的逻辑：
if (process.env.NODE_ENV === 'production') {
  console.log('当前是生产环境');
} else {
  console.log('当前是开发环境');
}

上一篇：vue3 使用pinia

下一篇：vue3 动态加载组件