如果您的 Nuxt 版本是2.13 或更高版本，则不需要使用@nuxtjs/dotenv或类似的东西，因为它已经支持到框架中。

要使用某些变量，您需要.env在项目的根目录下有一个文件。这个应该被 git 忽略。然后你可以在那里输入一些键

PUBLIC_VARIABLE="https://my-cool-website.com"
PRIVATE_TOKEN="1234qwer"

在您的 中nuxt.config.js，您必须将这些输入到 2 个对象中，具体取决于您的用例，publicRuntimeConfig或者privateRuntimeConfig：

export default {
  publicRuntimeConfig: {
    myPublicVariable: process.env.PUBLIC_VARIABLE,
  },
  privateRuntimeConfig: {
    myPrivateToken: process.env.PRIVATE_TOKEN
  }
}

区别：publicRuntimeConfig基本上可以在任何地方使用，而privateRuntimeConfig只能在 SSR 期间使用（密钥只有在不发送到浏览器的情况下才能保持私密）。

的一个流行用例privateRuntimeConfig是nuxtServerInit在构建过程中或在构建过程中使用它（或yarn build或yarn generate）以使用无头 CMS 的 API 调用填充应用程序。

更多信息可以在这篇博文中找到：https : //nuxtjs.org/blog/moving-from-nuxtjs-dotenv-to-runtime-config/

• 然后，您将能够.vue直接将其访问到任何文件中

this.$config.myPublicVariable

• 您也可以/plugins使用此语法将其访问到 Nuxt 中

export default ({ $axios, $config: { myPublicVariable } }) => {
  $axios.defaults.baseURL = myPublicVariable
}

• 如果 Nuxt module或nuxt.config.js文件中的任何键需要此变量，请直接使用

process.env.PRIVATE_TOKEN

有时，语法可能会有所不同，在这种情况下，请参阅您的 Nuxt module文档。

// for @nuxtjs/gtm
publicRuntimeConfig: {
  gtm: {
    id: process.env.GOOGLE_TAG_MANAGER_ID
  }
},

PS：如果你使用target: server（默认值），你可以yarn build和yarn start部署你的应用到生产中。然后，yarn start一次又一次地更改您想要的任何环境变量。将不需要重建。因此名称RuntimeConfig！

Nuxt3 更新

如前所述在这里，你可以使用Nuxt3以下

nuxt.config.js

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  publicRuntimeConfig: {
    secret: process.env.SECRET,
  }
}

在任何组件中

<script setup lang="ts">
  const config = useRuntimeConfig()
  config.secret
</script>

这很容易。为您提供 axios/nuxt 示例

1. 在.env文件中定义变量：

   baseUrl=http://localhost:1337

2. 在 env-object 中的 nuxt.config.js 中添加变量（并在 axios 配置中使用它）：

   export default {env: {baseUrl: process.env.baseUrl},axios: {baseURL: process.env.baseUrl},}

3. 在任何文件中使用 env 变量，如下所示：

   console.log(process.env.baseUrl)

请注意，console.log(process.env)将输出 {} 但console.log(process.env.baseUrl)仍将输出您的值！

您还可以在envNuxt nuxt.config.js 中使用该属性：

export default {
  // Environment variables
  env: {
    myVariable: process.env.NUXT_ENV_MY_VAR
  },
  ...
}

然后在你的插件中：

const myVar = process.env.myVariable