inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[4-0] 로그인하고 아무 반응이 없어요/axios.ts

해결된 질문

268

작성자 없음

작성한 질문수 0

0

질문 작성시 꼭 참고해주세요

axios.ts에서 BaseURL 바꿔도 로그인이 안됩니다...

react-native typescript nestjs react-query zustand

답변 3

0

김민솔

image.png

backendlog 이 오류는 뭘까요?

0

Kyo

시뮬레이터/실기기중 어떤환경인가요? pgadmin과 postgres 설정은 모두 마쳤나요? 로그인코드는 어떻게되어있나요?

0

김민솔

윈도우환경에서 시뮬레이터로 하고 있구요. pgadmin과 postgres 설정 모두 마쳤습니다.

image.pngimage.png

 

0

김민솔

그리고 pgadmin에서 3030은 timeout이 되고 5432포트가 돼서 5432로 하고 axios도 5432로 했는데 문제가 될까요?

image.pngimage.png

 

0

Kyo

baseURL 5432로하는게아니라 3030으로 하셔야합니다. 백엔드 코드를 변경하신게 아니라면, 3030으로 해보시겠어요?

0

김민솔

3030으로 했는데, 여전히 회원가입 시도 했을 때 아무런 반응이 없어요.. 404오류라고 뜨는거같아요

image.png

0

Kyo

404오류라면 url이 잘못된것같은데요. 코드를 그냥 깃헙으로 올려주시겠어요?

0

김민솔

https://github.com/jian21/JolJak

여기서 코드 확인부탁드립니다. log는 남는데 db로 데이터가 들어가지지 않아요

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

겪고 계신 문제는 BaseURL을 변경했음에도 로그인이 되지 않는 상황으로 보입니다. 이 문제는 주로 네트워크 설정 및 서버와 클라이언트 간의 통신 과정에서 발생할 수 있습니다. 비슷한 사례를 참고하여 해결 방안을 제시드리겠습니다.

가능성 있는 원인 및 해결 방안

  1. BaseURL 설정 확인:

    • 변경한 BaseURL이 올바른지 다시 확인해 보세요. 개발 환경에 따라 localhost 대신 개별 장치의 로컬 IP 주소를 사용해야 할 수 있습니다. 이는 특히 모바일 디바이스에서 테스트할 때 중요합니다.

    • 관련 Q&A: 해당 게시물에서는 로컬호스트 사용 시 문제를 겪은 다른 사용자가 IP 주소로 변경하여 해결한 사례를 참고할 수 있습니다.

  2. CORS(Cross-Origin Resource Sharing) 이슈:

    • 서버가 API 요청을 수용하도록 CORS 설정이 되어 있는지 확인해 주세요. 이는 서버 측 문제로, 모든 도메인에서 요청을 허용하도록 설정되어야 합니다.

    • CORS 관련 해결 방법: 위와 같은 경우 CORS 헤더가 올바르게 설정되어 있는지 검토해야 합니다. nestjs로 구성된 서버라면, 서버 설정 (main.ts 등)에서 CORS를 활성화했는지 확인해 보세요.

  3. 에러 로그 확인:

    • 에러 로그를 확인해 정확한 오류 메시지를 파악하는 것이 중요합니다. axios 요청의 catch 부분을 활용하여 에러 내용을 콘솔로 출력해보세요. 이렇게 하면 더 구체적인 문제를 확인할 수 있습니다.

  4. 서버 응답 및 상태 코드 체크:

    • 서버가 요청에 대해 어떤 응답(특히 상태 코드)을 반환하는지 확인하세요. 401, 403, 404 등의 상태 코드는 서버 측 문제를 나타낼 수 있습니다.

    • 서버 로그에서도 해당 요청에 대한 처리 로그를 확인하여 어디서 문제가 발생하는지 추적해 볼 수 있습니다.

  5. React Native의 Development 환경:

    • React Native 애플리케이션이 네트워크 요청을 수행하기 위해 개발 모드와 실제 설치 모드에서 네트워크 설정이 다르게 되어 있는 경우가 있습니다. 이를 점검하여, 실제 네트워크 통신에 문제가 없는지 확인해야 합니다.

각 상황에 맞는 내용을 점검하시고, 여전히 문제가 해결되지 않는 경우 아래와 같은 방법으로 추가적인 정보를 제공해주시면 세부적으로 더 도움을 드릴 수 있을 것 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2