vercel - React with vite 프로젝트 배포 시 발생한 문제 상황 해결하기

히진로그·2023년 4월 20일
0

<발생한 문제>

  • 스포티파이 소셜 로그인을 처리하는데, 로그인 버튼의 url을 .env 환경변수로 관리하고 있다. .env파일을 .gitignore에 추가했기 때문에 깃헙에도 코드가 올라가지 않았고, 배포 시에도 당연히 포함되지 않았다.
    그래서 배포한 페이지에서 링크 이동이 되지 않았다.

<해결 방법>

문제 해결 방법은 간단한데, vercel에서 배포한 프로젝트 setting 페이지의 Environment Varibales 카테고리에서 프로젝트에서 사용한 환경변수를 등록해 줄 수 있다.

파란 박스가 내가 추가한 환경변수이다.

환경변수를 추가해 준 후 Deployments 탭에 가서 재배포해 주면 된다.

0개의 댓글