Open1

nuxt3の環境変数について

kamaguchikamaguchi

nuxt: ^3.8.0
vue: ^3.3.7

const runtimeConfig = useRuntimeConfig()

上記で画像のように環境変数を取得にするにはnuxt.config.tsに以下オブジェクト構造にする必要がある。

export default defineNuxtConfig({
  runtimeConfig: {
    app: {
      apiKey: process.env.NUXT_API_KEY
    }
  },
... 省略
})