遷移至 Nuxt 3：執行階段配置

如果您希望在您的 Nuxt 3 應用程式中參考環境變數，您將需要使用執行階段配置。

當在您的元件中參考這些變數時，您將必須在您的 setup 方法（或 Nuxt 外掛程式）中使用 useRuntimeConfig composable。

在您的應用程式的 server/ 部分，您可以直接使用 useRuntimeConfig 而無需任何匯入。

在文件 > 指南 > 進階 > 執行階段配置中閱讀更多資訊。

遷移

將您在應用程式中使用的任何環境變數新增至 nuxt.config 檔案的 runtimeConfig 屬性中。
在您的應用程式的 Vue 部分中，將 process.env 遷移至 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 composables。

建置工具

了解如何從 Nuxt 2 遷移至 Nuxt 3 建置工具。