React API 통신 질문 드립니다


  • Level 2

    안녕하세요,
    구름 IDE 를 사용해 MERN Stack을 배우고 있습니다..
    제가 따라하기식으로 배우고 있는 강좌가 있는데 현재 Front End 구현하는 부분에서 미리 만들어둔 API End Point로 axios를 이용해 통신을 하려고 합니다.
    Back End 구현할 때는 server.js 파일만 따로 nodemon으로 실행하여 테스트를 했었는데 구름 IDE가 localhost 접속이 안되는 특성상 제공되는 domain을 통하여 테스트하는데 문제가 없었습니다.
    그런데 React app Root Directory 에서 npm start 명령어를 통하여 react app 전체를 실행시키고 웹에서 Server API를 접근하려니 Connection refused가 뜨네요..
    (xhr.js:178 POST https://localhost:3000/users/add net::ERR_CONNECTION_REFUSED)
    아래 코드를 통해 username을 전달해주고 있습니다.
    axios.post('https://localhost:3000/users/add', user)
    .then(res => console.log(res.data));
    (구름 제공 domain으로 바꿔도 보고 directory도 바꿔봤지만 안되네요..)
    Front End와 Back End 연결하려는 페이지입니다..
    https://zimen.run.goorm.io/user
    따라 배우고 있는 강좌 :
    https://medium.com/@beaucarnes/learn-the-mern-stack-by-building-an-exercise-tracker-mern-tutorial-59c13c1237a1
    제 생각엔 구름 ide 포트포워딩을 해주거나 리액트 서버 설정을 바꿔줘야 할 것 같은데 고수님들의 도움 부탁드리겠습니다. ㅠ

ONLINE USERS

POPULAR TOPICS

SUGGESTED TOPICS