Nuxtで作ったアプリをHerokuで公開するときに環境変数を参照できるようにする

はじめに

Nuxtで作ったアプリをHerokuで公開するときに環境変数をどうやってHerokuに設定すればいいのか分かりませんでした。
調べてできるようになったので、忘備録として残しておきます。

前提

@nuxtjs/dotenv を使用している
.envファイルに環境変数を記述している
​Heroku CLI​ を使用している

nuxt.config.js にenvを追加

nuxt.config.jsの最後に追記します。

env: {
  FIREBASE_API_KEY:process.env.API_KEY
}

herokuで環境変数を設定

heroku config:set ENV_VAR_NAME="value"