v3.16
GitHub

运行时配置

Nuxt 提供了一个运行时配置 API，以在您的应用程序中暴露配置和秘密。
使用 runtimeConfig 选项时，必须已配置 nitro。

更新运行时配置

Nuxt 3 的运行时配置与 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>网站：{{ $config.websiteURL }}</div>
+ <div>网站：{{ $config.public.websiteURL }}</div>