인프런 커뮤니티 질문&답변
작성한 질문수
Axios Network error...
작성
·
12
0
❗질문 작성시 꼭 참고해주세요
에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.
질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.
개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.
에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.
에러 잘라서 올리시면 안됩니다!
(에러 일부만 자르거나 일부만 복사하지말아주세요)
윈도우 컴에서 코드 실행시키고
아이폰에서 expo app으로 실습하고 있는데 db에도 들어가지 않습니다.
뭐가 문제인지 모르겠어요
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다. yeongseo님께서 겪고 계신 Network Error 문제 해결을 위해 몇 가지 진단 포인트를 제안드리겠습니다.
1. Network Error 확인
Network Error는 보통 다음과 같은 원인에서 발생할 수 있습니다:
- API 주소 확인: axiosInstance의 baseURL 설정이 올바른지 확인해 주세요. Windows에 로컬 서버를 실행하고 아이폰에서 접근 중이시라면, localhost 대신 실제 해당 PC의 IP 주소를 사용하는 것이 필요합니다.
- CORS 문제: 클라이언트에서 백엔드로 API 요청을 보낼 때 CORS 설정이 올바르게 되어 있는지 백엔드 서버의 설정을 확인해보세요. 특히 클라이언트와 서버가 다른 도메인이나 포트를 사용하는 경우 문제가 발생할 수 있습니다.
2. Expo와 네트워크 연결
- Expo 설정: Expo에서는
localhost가 아닌 실제 IP 주소를 사용해야 합니다. 특히 iOS 기기에서 네트워크 요청 시,baseURL을http://<your-ip-address>:3030로 설정해야 합니다.
- 정확한 IP 주소 사용: 아이폰이 접속할 수 있도록 서버가 실행 중인 컴퓨터의 IP 주소(같은 네트워크 내)를 사용해야 합니다.
ipconfig명령어로 IP 주소를 확인하실 수 있습니다.
3. Axios 설정 확인
- 플랫폼 기반 URL 설정:
axios인스턴스를 설정할 때 문제가 없는지 확인합니다.Platform.OS를 이용하여 올바른 환경에 맞는 URL을 적용해야 합니다.
4. 백엔드 상태 및 로그 확인
서버가 정상적으로 실행되고 있는지 확인하고, 네트워크 요청이 서버에 도달하지 않는 경우 백엔드 로그를 확인하여 요청이 들어오는지, 어떤 오류가 발생하는지를 파악해야 합니다. 이미지에서 보신 것처럼 [Nest] 로그가 서버에 찍히고 있는지 확인하세요.
관련 유사 질문 및 답변 링크
- 백엔드 HTTP 요청 네트워크 에러 해결 - 다른 사용자들이 유사한 문제를 겪고 해결한 사례가 있으며, 이 링크를 통해 참고 자료를 확인해볼 수 있습니다.
위의 방법을 통해 문제의 원인을 찾아가시는 것이 좋습니다. 문제 해결 후, 이후 발생할 수도 있는 다른 네트워크 관련 에러에 대한 대비도 하실 수 있을 겁니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.