运行时配置

如果你想在你的 Nuxt 3 应用中引用环境变量，你需要使用运行时配置。

在组件中引用这些变量时，你需要在你的 setup 方法（或 Nuxt 插件）中使用 useRuntimeConfig 组合式函数。

在你的应用的 server/ 部分，你可以在不导入任何内容的情况下使用 useRuntimeConfig。

迁移

1. 将你在应用中使用的任何环境变量添加到 nuxt.config 文件的 runtimeConfig 属性中。
2. 在 Vue 部分的应用中，将 process.env 迁移到 useRuntimeConfig。

export default defineNuxtConfig({
  runtimeConfig: {
    // 仅在服务器上可用的私有配置
    apiSecret: '123',
    // public 中的配置也将暴露给客户端
    public: {
      apiBase: '/api'
    }
  },
})