Изучите Nuxt с коллекцией из 100+ советов!

Runtime Config

Nuxt предоставляет API конфигурации runtime для раскрытия конфигурации и секретов внутри вашего приложения.
При использовании опции runtimeConfig должен быть настроен nitro.

Обновление конфигурации runtime

Nuxt 3 подходит к конфигурации runtime иначе, чем Nuxt 2, используя новую комбинированную опцию runtimeConfig.

Во-первых, вам нужно объединить свойства publicRuntimeConfig и privateRuntimeConfig в новое под названием runtimeConfig, с публичным конфигом в ключе под названием public.

// nuxt.config.js
- privateRuntimeConfig: {
-   apiKey: process.env.NUXT_API_KEY || 'super-secret-key'
- },
- publicRuntimeConfig: {
-   websiteURL: 'https://public-data.com'
- }
+ runtimeConfig: {
+   apiKey: process.env.NUXT_API_KEY || 'super-secret-key',
+   public: {
+     websiteURL: 'https://public-data.com'
+   }
+ }

Это также означает, что при необходимости доступа к общедоступной конфигурации во время выполнения, она находится за свойством с именем public. Если вы используете общедоступную конфигурацию во время выполнения, вам придется обновить свой код.

// MyWidget.vue
- <div>Website: {{ $config.websiteURL }}</div>
+ <div>Website: {{ $config.public.websiteURL }}</div>