Netlify+Nuxt.jsで環境変数を使う方法

Netlify+Contentful+Nuxt.jsでブログを作った。その際にローカル環境ではdotenvモジュールを使用し、読み込ませただけでvueファイルで環境変数が使えたのに、Netlifyで環境変数をセットした状態でビルドしても読み込めなかった。

解決方法としては、このようにnuxt.config.jsのenvの項目にvueファイルで使用する変数を追加することで、使えるようになる

export default {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  }
}