백엔드 프론트엔드 두개의 서버


  • Level 4

    안녕하세요

    프론트로 vue
    백으로 node 사용중입니다.

    검색해보니 goorm측은 컨테이너 제공이라 host를 0.0.0.0으로 설정해야한다고 해서
    설정하고, 구름 ide에서 제공하는 실행url으로 프론트엔드 화면까지 봤습니다.

    터미널 두개를 띄워서 백엔드 돌아가는것까지 확인되었는데
    왜 실행된 웹에서 백엔드 경유하는 url은 왜 에러가 나는걸까요?

    개발자도구 에러 내용입니다

    GET http://localhost:3000/getreservedlist/1 net::ERR_FAILED

    Uncaught (in promise) Error: Network Error
    at createError (createError.js?16d0:16)
    at XMLHttpRequest.handleError (xhr.js?ec6c:84)

  • Level 9

    구름 ide는 free 유저에게는 포트를 하나만 허용해줍니다.
    플랜구매후 2개이상의 포트를 사용하는 방법과

    vue의 프록시 기능을 이용해서, 하나의 url 에서 프론트와 서버를 동시에 띄우는 방법이 있습니다.
    https://velog.io/@skyepodium/vue-proxy-사용하기

  • Level 4

    @애플파이
    안녕하세요 답변 감사합니다.
    그곳에서 설정해서 8080으로 프론트 실행중인데요, 한개밖에 설정할수가 없어서요
    백엔드는 3000으로 실행중인걸 터미널에서 확인했는데,
    실제로 프론트에서 백으로 접속하면 위에 에러가 떠서요.

  • Level 15

    프론트에서 접근하실때 localhost가 아닌 구름ide에서 설정해주신 url을 입력하셔야합니다.
    프로젝트 > 실행 URL과 포트에 가시면 설정하실 수 있습니다.

    브라우저는 구름ide에서 실행하는게 아니기 때문에
    브라우저에서 localhost를 입력할 경우에는 질문자님의 컴퓨터로 요청이 가게됩니다.

  • Level 4

    아 참고로 프론트 포트는 8080, 백 포트는 3000 입니다

ONLINE USERS

POPULAR TOPICS

SUGGESTED TOPICS

  • 1
  • 1
  • 2
  • 2
  • 5
  • 2
  • 2
  • 2