Runtime конфигурация
Узнайте, как мигрировать с Nuxt 2 на Nuxt 3 конфигурацию runtime.
Если вы хотите ссылаться на переменные окружения внутри вашего приложения Nuxt 3, вам понадобится использовать runtime-конфигурацию.
При ссылке на эти переменные внутри ваших компонентов, вам понадобится использовать композабл useRuntimeConfig в вашем setup-хуке (или плагине Nuxt).
В server/ части вашего приложения, вы можете использовать useRuntimeConfig без каких-либо импортов.
Миграция
- Добавьте любые переменные окружения, которые вы используете в своем приложении, в свойство
runtimeConfigфайлаnuxt.config. - Замените
process.envнаuseRuntimeConfigво всех Vue-частях вашего приложения.
export default defineNuxtConfig({
runtimeConfig: {
// Конфигурация для приватного использования, доступная только на сервере
apiSecret: '123',
// Конфигурация внутри public будет также доступна клиенту
public: {
apiBase: '/api'
}
}
})
<script setup lang="ts">
const config = useRuntimeConfig()
// вместо process.env теперь будет использоваться config.public.apiBase
console.log(config.public.apiBase)
</script>
export default defineEventhandler((event) => {
const config = useRuntimeConfig(event)
// На стороне сервера можно получить доступ к config.apiSecret, в дополнение к config.public
console.log(config.apiSecret)
console.log(config.public.apiBase)
})
# Значения конфигурации runtime автоматически заменяются соответствующими переменными окружения runtime
NUXT_API_SECRET=api_secret_token
NUXT_PUBLIC_API_BASE=https://nuxtjs.org