Nuxt.js + Heroku에서 환경 변수가 통과하지 않을 때의 확인 사항

heroku 로 환경 변수가 잘 통과하지 않았던 적이 있었으므로 자신용으로 메모.

1. nuxt.config에 env가 올바르게 설정되어 있습니까?

nuxt.config.js

  env: {
    API_KEY: process.env.API_KEY || '',
    AUTH_DOMAIN: process.env.AUTH_DOMAIN || '',
    DATABASE_URL: process.env.DATABASE_URL || '',
    PROJECT_ID: process.env.PROJECT_ID || '',
    STORAGE_BUCKET: process.env.STORAGE_BUCKET || '',
    MESSAGING_SENDER_ID: process.env.MESSAGING_SENDER_ID || '',
    APP_ID: process.env.APP_ID || '',
  },

2. heroku에 올바르게 환경 변수가 설정되어 있습니까?

htps : //이다 sh보아 rd. 헤로쿠. 코 m / 아 ps / {아 p 핥기} / 세팅 gs 에서 확인할 수 있습니다.
Firebase의 경우 value 는 'abc' 이면 통과하지 않을 수 있습니다.abc 라고 하는 쓰는 방법이 되어 있는지 체크해 봅시다.

3. heroku 환경 변수를 설정한 후 다시 컴파일했습니까?

webpack 등을 사용하는 경우 heroku에서 환경 변수를 설정한 후 다시 컴파일해야 합니다. 재부팅에서는 안되는 것 같습니다.
푸시하지 않고 컴파일하는 방법은 몇 가지 같지만 가장 간단한 것은 빈 커밋을 만들어 푸시해 버리는 것이 좋을 것입니다.

git commit --allow-empty -m "empty commit"
git push heroku master

뭔가 잘못되면 알려주세요.