공공 API를 사용하려고 호출하던 중 Axios 에러 중 500 에러가 발생했다.
Axios 관련 에러가 악명이 높다고 여러 블로그 글들에서 봐왔기 때문에 일단 겁부터 났지만 CORS 관련 에러는 모두 처리해서 더이상 나지 않았는데
큰 산을 넘고 나니 500...
미천한 지식으로는 500 에러는 보통 Parameter에 적절한 값들이 들어있지 않아 Bad Request가 뜰때 발생하는 에러로 알고 있는데 관련 API 가이드를 수십번 확인하고 Parameter를 정확하게 맞춰줬는데
계속 에러가 발생한다...
에러 내용을 자세히 보니 'Service Not Found. The request may have been sent to an invalid URL... 이하 생략' 이란 내용이 있는데 아무래도 주소줄이 잘못 들어간 듯 하다.
인코딩, 디코딩 문제인지 애시당초 주소를 잘못 작성한건지 조금 더 훑어봐야 알것 같다.
드디어 에러 원인을 찾고 해결했다.
잘못된 URL로 서비스를 요청했다는 에러 문구 뒤에 붙은 문구가 '혹은 지원되지 않는 Operation이다'라는 식의 문구였는데, 공공 API에 기술된 URL만 가지고 서비스를 호출하면 안되었고, 그 뒤에 Operation URL을 붙여서 호출했어야 가능했던 것이다.
보통 다른 공공 API 쓸때는 이런적이 없어서 많이 헤멨는데 이번 기회로 하나 더 알게 된거 같아 힘들었다기보다 뿌듯한 과정이었던 것 같다.
위 에러를 처리하고 나서도 다른 에러가 발생했었는데 그건 Service Key가 맞지 않다는 것이었고 다른 API Service Key를 넣은 것인지 붙여넣는 과정에서
다른 문자들이 들어간건지 알 수 없으나 재발급 후 다시 붙여놓으니 이제 정상적으로 데이터가 들어온다.
이번 에러처리는 이렇게 끝!
'React' 카테고리의 다른 글
로그인 그리고 그에 관련된 보안 이슈 (0) | 2023.12.01 |
---|---|
Reactstrap Modal에서 autoFocus 설정 주의! (2) | 2023.11.03 |
For문을 수행하지 않는데 이유를 알 수가 없다 (0) | 2023.02.22 |
Modal이 Mouse Focus에 따라 사라지는 현상 - 해결 👌 (0) | 2023.02.12 |
Element 내부의 Element 정렬 (0) | 2023.01.16 |