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


  • 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 14

    @Shimsim

    안녕하세요.

    현재 free 플랜에게는 3개의 포트를 허용해줍니다.

    메모리나 저장공간의 부족 문제가 없다면 가능할 것으로 보입니다.

  • Level 6

    @정성연-goorm

    위에 질문 주신 분과 비슷한 상황으로

    프론트 = 리액트
    백 = node.js

    사용하려고 하는데 free 플랜으로는 불가능한가요?

  • 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 입니다

SUGGESTED TOPICS

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