命令行设置环境变量NODE_ENV=production不起作用,process.env.NODE_ENV === 'production'永远等于false?

问题描述

在项目的 package.json 中的 script 设置命令

json 复制代码
    "dev": "set ENV=local node ./index.js",
    "beta": "set ENV=beta node ./index.js",
    "prod": "set ENV=production node ./index.js",

在 env.js 文件中的方法获取当前环境,和判断当前环境,在 index.js 中,将方法挂在 app 上,可以通过 app.env 获取对应的方法

javascript 复制代码
    // 是否本地环境
    isLocal() {
      return process.env.ENV === "local";
    },
    // 是否测试环境
    isBeta() {
      return process.env.ENV === "beta";
    },
    // 是否生产环境
    isProduction() {
      return process.env.ENV === "production";
    },
    // 获取当前环境
    get() {
      return process.env.ENV ?? "local";
    }

当使用 npm run dev , npm run beta, npm run prod 启动项目对应的环境,用 console.log(app.env.get()) 可以输出对应的 local, beta, production。但是判断是否测试环境,是否生产环境时,永远为 false。

检查一(操作系统问题)

在设置环境变量命令时,操作系统的不同,命令也不同,上述问题描述中是在 Windows 系统中的写法,而在 Mac 或 Linux 中可不用 set , 或把 set 改为 export 。

json 复制代码
    "dev": "ENV=local node ./index.js",
    "beta": "ENV=beta node ./index.js",
    "prod": "ENV=production node ./index.js",

使用了对应操作系统的设置还是没有解决问题

检查二(引号问题)

bash 复制代码
    set ENV=production node ./index.js
    # 或
    set ENV='production' node ./index.js

两种写法对应判断结果也是有影响的,'production' 和 production 会判断为 false 。还有可能使用了双引号(""),production 后有空格的问题导致的。使用 process.env.ENV.trim() === "production" 可去除 production 后的空格。 此操作可能还是无法正确判断环境。

检查三(使用 cross-env )

安装 cross-env 插件(不推荐全局安装)

sql 复制代码
    npm install cross-env --save-dev

使用 cross-env 设置环境命令

json 复制代码
    "dev": "cross-env ENV=local node ./index.js",
    "beta": "cross-env ENV=beta node ./index.js",
    "prod": "cross-env ENV=production node ./index.js",

推荐直接使用 cross-env ,解决问题省时又省力。

相关推荐
岁月宁静1 天前
深度定制:在 Vue 3.5 应用中集成流式 AI 写作助手的实践
前端·vue.js·人工智能
心易行者1 天前
10天!前端用coze,后端用Trae IDE+Claude Code从0开始构建到平台上线
前端
saadiya~1 天前
ECharts 实时数据平滑更新实践(含 WebSocket 模拟)
前端·javascript·echarts
fruge1 天前
前端三驾马车(HTML/CSS/JS)核心概念深度解析
前端·css·html
百锦再1 天前
Vue Scoped样式混淆问题详解与解决方案
java·前端·javascript·数据库·vue.js·学习·.net
烛阴1 天前
Lua 模块的完整入门指南
前端·lua
浪里行舟1 天前
国产OCR双雄对决?PaddleOCR-VL与DeepSeek-OCR全面解析
前端·后端
znhy@1231 天前
CSS易忘属性
前端·css
瓜瓜怪兽亚1 天前
前端基础知识---Ajax
前端·javascript·ajax
AI智能研究院1 天前
(四)从零学 React Props:数据传递 + 实战案例 + 避坑指南
前端·javascript·react.js