執行時配置

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>