迁移到 Nuxt 3：运行时配置

如果您希望在 Nuxt 3 应用中引用环境变量，则需要使用运行时配置。

在组件中引用这些变量时，您必须在 setup 方法（或 Nuxt 插件）中使用 useRuntimeConfig 可组合函数。

在应用的 server/ 部分，您可以无需任何导入即可使用 useRuntimeConfig。

在文档 > 指南 > 进一步了解 > 运行时配置中了解更多信息。

迁移

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

export default defineNuxtConfig({
  runtimeConfig: {
    // Private config that is only available on the server
    apiSecret: '123',
    // Config within public will be also exposed to the client
    public: {
      apiBase: '/api'
    }
  },
})

组件选项

了解如何将 Nuxt 2 组件选项迁移到 Nuxt 3 可组合函数。

构建工具

了解如何将 Nuxt 2 迁移到 Nuxt 3 构建工具。