[Error] vercel 배포 시 Invalid API key 에러 발생

💢 문제 발생

로컬에서 정상적으로 작동하는 서비스가 vercel 배포시 invelid api key 에러가 발생했다.

❓왜 그럴까?

API KEY를 .env 파일에서 보관하고 gitignore 에 추가했다. 이같은 이유는 보완상의 이유로 github에 공유되는 것을 막기 위해서였다.
그렇다면... github repository와 연결된 vercel 도 .env이 공유되지 않은 것이 아닐까?

🧑‍🚒 해결방법

How do I add environment variables to my Vercel project?

Environment Variables UI

You can add Environment Variables to your site through Project Settings. Values are encrypted at rest and permission to view values can be restricted based on your role. You can also choose a specific Git branch to set Environment Variables for with the Preview environment.

1. Invalid API key 에러 발생 프로젝트 선택
2. 프로젝트 상단, Settings => Environment Variables
3. .env에서 작성한 API KEY 변수와 API KEY를 각각 name과 value에 입력한다.
4. 배포가 된 상태에서 환경변수 설정을 했으므로, 재배포를 해야한다.
   

배운점

1. gitignore에 추가된 파일은 Github에 올라가지 않는다!!
2. velcel 배포를 기획했다면, 배포 전, 환경변수 설정을 잊지 말자!