Runtime конфигурация

Если вы хотите ссылаться на переменные окружения внутри вашего приложения Nuxt 3, вам понадобится использовать runtime-конфигурацию.

При ссылке на эти переменные внутри ваших компонентов, вам понадобится использовать композабл useRuntimeConfig в вашем setup-хуке (или плагине Nuxt).

В server/ части вашего приложения, вы можете использовать useRuntimeConfig без каких-либо импортов.

Миграция

1. Добавьте любые переменные окружения, которые вы используете в своем приложении, в свойство runtimeConfig файла nuxt.config.
2. Замените process.env на useRuntimeConfig во всех Vue-частях вашего приложения.

export default defineNuxtConfig({
  runtimeConfig: {
    // Конфигурация для приватного использования, доступная только на сервере
    apiSecret: '123',
    // Конфигурация внутри public будет также доступна клиенту
    public: {
      apiBase: '/api'
    }
  },
})