ランタイム設定
Nuxt 2からNuxt 3のランタイム設定への移行方法を学びます。
Nuxt 3アプリ内で環境変数を参照したい場合は、ランタイム設定を使用する必要があります。
コンポーネント内でこれらの変数を参照する場合は、setupメソッド（またはNuxtプラグイン）でuseRuntimeConfigコンポーザブルを使用する必要があります。
アプリのserver/部分では、インポートなしでuseRuntimeConfigを使用できます。
移行
- アプリで使用する環境変数を、
nuxt.configファイルのruntimeConfigプロパティに追加します。 - アプリのVue部分全体で
process.envをuseRuntimeConfigに移行します。
export default defineNuxtConfig({
runtimeConfig: {
// Private config that is only available on the server
apiSecret: '123',
// Config within public will be also exposed to the client
public: {
apiBase: '/api'
}
},
})