运行时配置
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>Website: {{ $config.websiteURL }}</div>
+ <div>Website: {{ $config.public.websiteURL }}</div>