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

home2 게시판 React 게시판 proxy 설정해도 안먹히는 부분...

proxy 설정해도 안먹히는 부분...

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

    이아인
    참가자
    서버와 리액트 연동중에 proxy를 설정해보라고 하셔서 package.json에 아래와 같이 추가했습니다.
    스크린샷 2024-03-15 오후 4.14.34
    
    아래는 리액트 파일 내용입니다.
    스크린샷 2024-03-15 오후 4.15.19
    
    그런데 404 에러가 뜹니다.
    GET http://localhost:3000/shoes 404 (Not Found)
    
    개발자도구에서 확인해보면 아래처럼 여전히 3000포트로 요청하는 것으로 나옵니다.
    이게 맞나요? 8080으로 설정했는데 왜 8080은 어디에도 보이지 않는 걸까요...
    스크린샷 2024-03-15 오후 4.17.08
    
    cors 관련 코드는 다 추가해두었습니다.
    
    어디서 안되는건지도 모르겠습니다. 구글링해보고 localhost로 하면 안될 수 있다 해서 127.0.0.1로 바꿔도 안되구요.
    createProxyMiddleware 를 설치해서 미들웨어로 등록해봐도 안됩니다.
    
    혹시 어떤걸 더 찾아봐야 할까요?
    
    아래는 혹시 몰라 같이 올려보는 서버 파일 내용입니다.
    스크린샷 2024-03-15 오후 4.28.11
    
    
    
    #116463

    codingapple
    키 마스터
    package.json에 proxy만 추가하면 원래 잘될걸요 원래 개발자도구에서 요청url은 localhost:3000으로 뜹니다
    서버랑 리액트 프로젝트에 package.json파일 2개 각각 분리되어있는지 확인해봅시다
    #116471

    이아인
    참가자
    개발자도구에서 원래 요청이 3000으로 보이는게 정상이군요.
    서버랑 리액트 프로젝트 package.json파일은 각각 존재합니다. 제가 손댄건 리액트의 package.json이구요. 
    왜 안되는지 답답하네요 ㅠㅠ
    #116492

    codingapple
    키 마스터
    이상한 프로그램 끄거나 nodejs 20버전 쓰거나
    새로 각각 프로젝트 만들어서 테스트해봅시다
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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