前言

多环境配置对于特定环境新增、更新、删除配置相当重要😁而且不需要人为去变更配置减少出错

实践

方案1（官方推荐）

升级依赖

升级Nuxt到最新版（3.15.x只有开发和生产配置，不支持自定义环境）

npx nuxi upgrade --force

export default defineNuxtConfig({$development: {app: {...dev配置},},$production: {app: {...prod配置},},$env:{stage:{...stage配置}}
})

 package.json

"scripts": {"build": "nuxt build --envName production","build:stage": "nuxt build --envName stage","build:dev": "nuxt build --envName development","dev": "nuxt dev --envName development","dev:stage": "nuxt dev --envName stage",},

方案2（Nuxt官方不推荐）

新增环境文件

package.json

  "scripts": {"build": "nuxt build --dotenv .env.prod","build:stage": "nuxt build --dotenv .env.stage","build:dev": "nuxt build --dotenv .env.dev","dev": "nuxt dev --dotenv .env.dev","dev:stage": "nuxt dev --dotenv .env.stage",},

最后

方案1直接隔离不需要添加环境变量，打包会自动覆盖配置；

方案2需要额外添加环境文件，根据环境变量去隔离配置或者变量值变更