最近将Vue的项目改造成了Nuxt3，改造是因为Vue本身对SEO支持不好的缘故！这里记录一下刚接触Nuxt3对于配置不同环境的过程，过程不算复杂，跟着一步步做就没什么问题。

Nuxt中文网：https://nuxt.com.cn

首先，在项目根目录下创建不同环境配置文件，我这里只配置了开发环境和生产环境，创建.env.development和.env.production文件分别代表开发环境和生产环境的配置：

.env.development文件内容：

NUXT_PUBLIC_API_BASE = 'http://127.0.0.1:9000'

.env.production文件内容：

NUXT_PUBLIC_API_BASE = 'https://server.domain.com'

接着在package.json文件中配置开发环境和生产打包脚本：

"build": "nuxt build --dotenv .env.production",
"dev": "nuxt dev --dotenv .env.development"

然后在项目根目录的nuxt配置文件nuxt.config.ts中配置运行时变量：

runtimeConfig: {
  apiSecret: '123',
  public: {
    apiBase: process.env.NUXT_PUBLIC_API_BASE
  }
}

最后就可以在vue文件中使用对应的配置环境变量了：