axios 사용할 때 export 에서 오류가 뜰 경우에 해결하는 방법

인피니트 콘서트랑 팬미팅으로 되어있는

MOCK_DATA 하단도 같은 MOCK_DATA로

만들고,

전체보기를 클릭했을 때는 MOCK_DATA의

하단에 공연 데이터들을 불러와서

그리드로 출력을 해주려고 했다.

 

메일로 받은 KOPIS의 open API 인증키로

axios 사용해서 공연 데이터를 가지고 있는

공연예술통합전산망 서버에 접근하려고

코드를 작성했는데

process.env.REACT_APP_API_API_URL

이라는 부분에서 자꾸 에러가 났다.

 

검색해봤더니 

vite 프로젝트에서 이런 에러가 생기는 경우,

cra에서 쓰는 process.env 가 아니라

다르게 가져와야 하기 때문에

import.meta.env 라고 써야한다고 한다.

 

 

출처

https://serene-r.tistory.com/44