INMATE / 서버에서 빌드 후 db와 axios 연결의 문제

이제는 웹서버를 EC2 인스턴스에 git clone을 통해 다운로드했다.

client에서 build를 해주고 server에서 node를 이용해 동작시켜주니 AxiosError와

데이터를 DB에서 받아오지만 컴포넌트에는 적용이 안되는 모양을 보여주었다.

 

발생한 에러중 AxiosError에 관심을 갖았다.

내가 발견한 에러는 아래와 같다.

Uncaught (in promise) Error: Request failed with status code 404 at createdError

이 에러는 axios.get('받아오는 주소')에서 문제가 되는것으로 보인다.

받아오는 주소에서 데이터 전송이 없거나 잘못된 주소를 사용하면 이러한 에러가 발생한다고 한다.

 

그래서 생각해봤다.

내가 사용하는 주소는 localhost:8080이다.

하지만 db를 받아오는 주소는 인스턴스의 퍼블릭 IP주소의 3306포트이다.

 

순간적으로 localhost로 작성한 주소를 인스턴스 퍼블릭 IP 주소로 적어주면 되지 않을까? 라는

생각이 들었기에 바로 행동에 옮겼다.

axios.get으로 데이터를 받는 코드를 찾아내서 localhost 대신 인스턴스 퍼블릭IP로 바꿔줬다.

 

결과는......

대성공!

이게 왜 되는 걸까 생각해봤는데

localhost라는 것은 지역 호스트인데 사용자는 인스턴스의 주소로 접속을 하기 때문에

결국 사용자의 지역 호스트로 접속을 하게되면 인스턴스에서 데이터를 받을 수 없다고 생각한다.

 

데이터 출구는 1번인데 10번 출구에서 데이터가 나오기를 기다렸던 것일까?

에러가 없어지고 정상적으로 동작하니 너무 멍청했던거 같다.......

이제 진짜 마무리 단계이다.

 

무료 도메인을 구한뒤 도메인 설정을 하고 마무리 배포를 하자.