遷移至 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 composable。

建置工具

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