1. 문제점
- 라이엇에서 api key를 가져오는데 api 호출에 실패하면서 계속 404 오류가 발생하였다.
찾아보니 api 호출 실패하는 원인으로 아래와 같은 원인이 있다고 한다.
- 잘못된 API URL
- CORS 정책에 의한 차단
- 네트워크 문제
- API 서버의 응답 문제 (예: 서버 다운)
- 잘못된 요청 형식
2. 해결방안
1) 우선 라이엇 api key를 24시간만 쓸 수 있기 때문에 새로 발급 받아보았으나, 해결되지않았다.
2) API URL이 잘못되었는지 확인을 해보았는데, 알고보니 잘못된 경로로 api 호출을 하고 있었다.
3. 수정된 코드
export async function fetchItemList(): Promise<Item[]> {
const apiUrl = 'https://ddragon.leagueoflegends.com/cdn/12.18.1/data/en_US/item.json';
try {
const response = await fetch(apiUrl);
if (!response.ok) {
const errorText = await response.text();
throw new Error(`API 호출 실패: ${response.status} - ${errorText}`);
}
'스파르타 (React_6기) 본캠프' 카테고리의 다른 글
2024. 10. 14. (팀프로젝트 - code404(3)) (0) | 2024.10.15 |
---|---|
2024. 10. 10. (팀프로젝트 - code404(1)) (3) | 2024.10.11 |
2024. 10. 01.(알고리즘 - 행렬의 덧셈) (0) | 2024.10.02 |
2024. 09. 30.(알고리즘 - 문자열 다루기 기본) (0) | 2024.10.01 |
2024. 09. 27.(알고리즘 - 부족한 금액 계산하기) (0) | 2024.09.30 |