📌

[Nuxt] Cloud Runに設定した環境変数を読み込む

2021/10/07に公開

結論

実行時反映されるよう runtimeConfig を利用する。

Cloud Runの環境変数について

コヤツです。

通常のenv設定では読み込めない

例えば、こんな設定をしていたら、Cloud Runに設定した環境変数は読み込まれないので永遠に http://localhost:8080 が設定されてしまいます。

nuxt.config.js
axios: {
  baseURL: process.env.BASE_URL || 'http://localhost:8080'
},

runtimeConfigを利用する

runtimeConfigを利用することで、無事Cloud Runに設定した環境変数が読み込まれます。

nuxt.config.js
publicRuntimeConfig: {
  axios: {
    baseURL: process.env.BASE_URL || 'http://localhost:8080'
  },
},

参考

https://nuxtjs.org/docs/directory-structure/nuxt-config/#runtimeconfig

Discussion