API server의 데이터 axios로 부를 때 오류

Question

안녕하세요 프론트엔드 공부중인 대학생입니다.현재 React ,express 배포는 heroku를 통해서 개인 포트폴리오 프로젝트를 진행중에 있는데 client 에서 버튼을 눌렀을 때 server에 data를 요청하는 부분에서 이상하게 503 오류가 떠서 구글링 통해 해답을 찾으려했으나 계속 문제가 사라지지 않아 이렇게 질문 올리게 되었습니다. 외부 API를 끌어오는 API server부분에 있는 함수입니다. server > app.js함수,key 등 문제가 있는지 확인하게 위해서 서버를 키고 postman 으로 확인 결과, 데이터는 잘 끌어와졌습니다. client 에서 버튼 클릭시 실행되는 함수입니다.client > routes > Home.js그런데 이상하게 버튼을 클릭해서 client 에서 response 가 뜨게 하려하면 밑에 오류가 발생합니다.매번 client 에서 proxy 주고 임의적으로 끌어오는 방법만 해보다가 server에 heroku를 통해 배포 하면서 끌어와 보려고 하니 많이 헤매고 있습니다.답변 주시면 너무 감사하겠습니다.

Myoungdo Park · Answer

먼저 url 이 정확한지 확인을 해보셔야 할 것 같네요. 코드로만 봤을 때 &#34;lat&#61;&#34; 앞에 물음표(?)가 누락된 것처럼 보이고도 하고요. 그리고 parameter 는 url 에 붙여 넣는 것 보다는 params 옵션으로 넘기는 게 더 좋을 것 같아요.

API server의 데이터 axios로 부를 때 오류

1개의 답변

#heroku 목록