노드기반 API서버 React 웹 모바일 접속시 api통신 안됨 network error status 0

Question

{&#34;message&#34;:&#34;Network Error&#34;,&#34;name&#34;:&#34;AxiosError&#34;,&#34;code&#34;:&#34;ERR_NETWORK&#34;,&#34;status&#34;:null}위는 에러 코드입니다. 중간에 메세지 부분은 주소 노출이있어서 지웠습니다.일단 서버구성은 (클라이언트)react &#61;> s3 &#61;>cloude front로 되어있고 (포트 3000),[본도메인 연결]ex) https://test.com노드서버 api는 ec2 &#61;> node (포트 3001)로 되어있습니다.[EC2 -> 로드밸런서 -> Router53/서브도메인 연결] ex) https://sub.test.com노드서버 api에서 접속하는 DB는 rds mysql (t3.micro)로 되어있습니다.이게 모든 경우에 접속이 안되는것도아니고, pc는 문제가 없고 포스트맨 또는 네이버앱/카카오톡앱으로 사용시 특정한 조건없이 연결이 안되며 위와같은 에러가 뜹니다. api에는 연결이 안되고 클라이언트에서 오류가 나서 api오류는 없습니다.3줄요약.1.react 모바일 (네이버/카카오톡)앱에서 사이트 접속시 api통신이 간혹 되지않음. (status 0)2.특정한 조건이 없이 될때도있고 안될때도 있으며, pc는 (포스트맨 제외) 문제가 없습니다.3.DB 최대커넥션은 60개로 되어있으며, 직접통신은 api에서만 합니다.

kenu · Answer

문제를 해결하기 위해 고려해야 할 몇 가지 주요 요소를 정리해보았습니다:네트워크 문제: React 모바일 앱(네이버/카카오톡)을 통해 접근할 때 발생하는 AxiosError는 일반적으로 네트워크 연결 문제나 CORS(Cross-Origin Resource Sharing) 정책 위반 등과 관련이 있습니다. 특히, 모바일 환경에서는 보안상의 이유로 추가적인 인증이나 설정이 필요할 수 있습니다. 이 점을 확인해 보세요.CORS 설정: EC2 인스턴스에서 실행되는 Node.js API 서버가 RDS MySQL 데이터베이스에 접근하고 있을 때, 클라이언트(React 앱)가 이 서버에 요청을 보내면, 브라우저의 CORS 정책에 따라 요청이 차단될 수 있습니다. 이를 해결하기 위해서는 EC2 인스턴스의 Node.js 서버에서 적절한 CORS 헤더를 설정하여 클라이언트의 도메인에 대한 접근을 허용해야 합니다.로드 밸런서 및 DNS 설정: EC2 인스턴스가 로드 밸런서를 통해 접근되고, 로드 밸런서는 다시 Router53를 통해 서브도메인(sub.test.com)에 연결되어 있다고 설명했습니다. 이 과정에서 DNS 설정이나 로드 밸런서의 구성 문제가 네트워크 연결에 영향을 줄 수 있습니다. 로드 밸런서와 DNS 설정을 검토하여 문제가 없는지 확인하세요.DB 커넥션 풀 관리: RDS MySQL 인스턴스에서 최대 커넥션이 60개로 설정되어 있다고 언급했습니다. 이는 API 서버가 데이터베이스에 연결할 때 충분한 슬롯을 확보하고 있음을 의미합니다. 그러나, 동시에 여러 요청이 처리되는 상황에서는 커넥션 풀의 용량을 초과할 가능성이 있습니다. 이를 방지하기 위해, API 서버의 커넥션 풀 관리 전략을 검토하고, 필요하다면 커넥션 풀 크기를 조정하거나, 커넥션 풀 관리 라이브러리(예: mysql2의 pool 옵션)를 사용하여 더 효율적으로 관리할 수 있습니다.모바일 앱에서의 네트워크 상태: PC에서는 문제가 없지만, 모바일 앱(네이버/카카오톡)을 통해 접근할 때만 문제가 발생한다는 점은 네트워크 상태나 서비스 제공자의 정책에 의한 것일 수도 있습니다. 모바일 데이터 네트워크의 안정성을 확인하고, 필요한 경우 다른 네트워크(예: Wi-Fi)를 사용해 보세요.API 서버의 로깅 및 디버깅: 문제가 발생할 때마다 로그를 확인하여 어떤 요청이 실패했는지, 그리고 그 이유는 무엇인지 파악하는 것이 중요합니다. Node.js 서버에서 axios 요청 시 try-catch 블록을 사용하여 에러를 잡아내고, 로그를 출력하여 문제를 진단할 수 있습니다.from: https://www.phind.com/search?cache=ish5m7qzpfggcc4kdz4ublzt

노드기반 API서버 React 웹 모바일 접속시 api통신 안됨 network error status 0

1개의 답변

Q&A 목록