Nuxt 3 运行时配置值不会被环境变量替换

Question

我正在使用Nuxt 3

我有这样的.env

NUXT_CAPTCHA_KEY=123456

这是nuxt.config.ts

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      captchaKey: 'some value',
    }
  },
});

在我的组件login.vue中

我想像这样使用Recaptcha

function login() {
  const config = useRuntimeConfig()
  console.log('config', config.public.captchaKey);
}

'123456'我认为它必须在控制台中打印

正如文件中所说

但事实并非如此。

它打印'some value'

这是为什么 ？

Answer 1

captchaKey是公开的，因此 .env 密钥必须命名NUXT_PUBLIC_CAPTCHA_KEY