Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

웹에 대한 것들 끄적끄적

Rapid API 에러 해결 본문

React

Rapid API 에러 해결

이렇게된이상즐겨 2023. 12. 11. 19:57

.env 파일에 api key를 저장해놓고 

REACT_APP_RAPID_API_KEY=발급받은키

 

js 파일에서 key를 아래와 같이 호출하였다.

process.env.REACT_APP_RAPID_API_KEY

 

 

에러코드

 

Rapid API Key를 발급받아서 데이터를 가져오는데 자꾸만 401(UnAuthorized), 429 에러가 떴다. 

처음에는 오타가 났나 싶어서 API key와 소스도 계속 복붙해봤는데 해결되지 않았다.

뒤늦게 콘솔에 가져온 api key를 찍어봤는데 Undefined가 떴다, 어라라...?

console.log(process.env.REACT_APP_RAPID_API_KEY);

 

분명 rapidapi.com와 postman에서 테스트했을 때는 잘만 되는데 왜!!!!!! 프로젝트에서는 연결이 되지않는건지..........

분명 api key가 문제는 아닌데... 왜 가져오지를 못하는거지? 역시나 구글링은 모든걸 해결해준다.

원인은 .env 파일이 루트 경로에 있지않아서였다..! ^^!

 

분명 내딴에는 루트 경로에 env 파일을 만들었다고 생각했는데 src 폴더 안에 들어가있었다.....

나처럼 테스트는 잘 되지만 위와 같은 에러가 계속 난다면 눈 크게 뜨고 확인해보길.........................

 

 

참고한 블로그..

https://react-style.selfhow.com/post/?id=2996

 

react-style Home

react-style stories

react-style.selfhow.com

 

'React' 카테고리의 다른 글

페이지 SEO 작업하기  (0) 2023.12.05
React.Suspense 사용하기  (0) 2023.11.29