• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 리액트 build 시 setupProxy.js 파일

리액트 build 시 setupProxy.js 파일

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #12625

    김지혜
    참가자

    안녕하세요! 빌드 관련해서 질문이 있습니다!

    질문 첫번째는

    메인 홈페이지를 만들면서 데이터는 서버에서 가져올수 있도록 코드를 입력했습니다.

    CORS 에러가 발생해 src/setupProxy.js파일을 추가하고 proxy 주소를 입력했습니다.

    그런데 npm run build 후 build디렉토리를 전부 서버에 올렸을 때 proxy관련 된 코드들은 작동하지 않고 

    404에러가 나타납니다. cors 에러를 해결할 수 있는 다른 방법이 있는지 , 저 setupProxy.js와 같은 파일은 어디에 올릴 수 있는 지 궁금합니다.

     질문 두번째는

    packages.json에 homepage="."를 추가했을 때 build 후 페이지는 아예 보이지 않는데 이 homepage를 필수로 추가해야하나요?

    만약 필수로 추가해야한다면 무조건 도메인 주소를 입력해야하는 것인지 궁금합니다.(IP주소는 입력할 수 없나요?!!)

     

    강사님의 쉬운 리액트 강의 덕분에 재미있게 입문하게 되었습니다! 감사합니다!

    #12627

    codingapple
    키 마스터

    proxy는 개발시에만 사용합니다 

    실제서비스에서 리액트 ---> 서버로 데이터 요청을하려면

    리액트에서 https://서버주소/data.json 이런 경로로 get요청을 하라고 코드를 짜놓으면 됩니다 도메인 없으면 서버의 ip주소도 가능할걸요 

    리액트와 서버를 다른 곳에 호스팅해놨다면 cors 에러가 뜨는데 서버쪽에서 cors 보안 해제하는 코드를 짜놓으면 됩니다   

     

    homepage 속성은 안써도 잘 될 수 있습니다

    빈화면만 뜬다면 크롬 개발자도구에서 css js 파일들이 왜 안먹는지 경로 확인하시고 수정하면 됩니다

     

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠