Nuxt.js项目NODE_ENV配置无效：获取值始终为production的问题咨询

嘿，这个问题我之前踩过坑！核心是Nuxt.js的默认行为在覆盖你的环境变量：

• 当你执行nuxt build时，Nuxt会强制把NODE_ENV设为production——毕竟build命令本身就是为生产环境打包设计的，框架会自动覆盖你通过cross-env传入的值。
• 同样，nuxt start是启动生产构建后的应用，也会强制锁定NODE_ENV为production。
  所以你设置的dev或qafc根本留不住，最后拿到的自然都是production啦。

方法1：用自定义环境变量（最推荐） #

既然NODE_ENV被Nuxt霸住了，咱们换个变量名就行，比如用APP_ENV来区分环境：

1. 先改package.json里的脚本：

"scripts": {
  "compile:dev-start": "cross-env APP_ENV=dev nuxt build && cross-env APP_ENV=dev nuxt start",
  "compile:qafc-start": "cross-env APP_ENV=qafc nuxt build && cross-env APP_ENV=qafc nuxt start"
}

2. 然后在项目里直接通过process.env.APP_ENV就能拿到dev或qafc的值了，不管是组件、页面还是配置文件里都能用。

方法2：通过Nuxt配置显式注入变量 #

如果你习惯用特定的变量名，也可以在nuxt.config.js里把自定义变量注入到应用全局：

1. 脚本还是用APP_ENV（和方法1一样修改）；
2. 在nuxt.config.js里加这段配置：

export default {
  env: {
    appEnv: process.env.APP_ENV || 'production'
  }
}

之后在项目里用process.env.appEnv就能获取到环境标识了。

方法3：开发阶段用nuxt dev命令（更高效） #

如果你是在本地开发，其实没必要用build+start这套生产流程，直接用nuxt dev就行——这个命令默认会把NODE_ENV设为development，而且不会覆盖你传入的自定义变量：
修改脚本成这样：

"scripts": {
  "dev": "cross-env APP_ENV=dev nuxt dev",
  "qafc": "cross-env APP_ENV=qafc nuxt dev"
}

这样既能拿到环境标识，还能享受热更新，开发效率高多了～

内容的提问来源于stack exchange，提问作者Shine