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

home2 게시판 Node.js, Express 게시판 react+nodejs 연동 질문

react+nodejs 연동 질문

  • 이 주제에는 4개 답변, 2명 참여가 있으며 익명3 년, 11 월 전에 전에 마지막으로 업데이트했습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #13539

    익명
    비활성

    react+nodejs 연동시 

     

    app.get('/', function (요청, 응답) {
      응답.sendFile(path.join(__dirname, '/react-project/build/index.html'));
    });

    으로 연결 되는건 알겠는데 mongodb의  데이터를  리액트파일로 보낼려면 어떤식으로 보내야되죠?

     

    app.get('/', function (요청, 응답) {

    db.collection('post').find().toArray(function(에러, 결과){ 

    응답.sendFile(path.join(__dirname, '/react-project/build/index.html') , { posts : 결과 } );
    })

    });

    이런식으로 전송해주면 되나요...? 

     

     

    #13543

    codingapple
    키 마스터

    리액트에선 서버로 ajax 요청을 하고 

    서버는 html 파일이 아니라 응답.json() 아니면 .send() 이런 함수로 데이터만 보내면 됩니다 

    #13586

    익명
    비활성

    app.get('/data', function (요청, 응답) {
      응답.send([{
        'id' : 1 
      },
      {
        'id' : 2 
      },
      {
        'id' : 3
      }
      ])
    });

     

    대충  server.js에서 json형식으로 데이터 전송하고

     

     

    let [data, data변경] = [{id:1}]

      useEffect(()=>{
        axios.get('http://localhost:8080/data').then((result)=>{ 
          data변경([...result.data]) 
          console.log(result.data)
           })

      },[]);

    App.js에서 이런식으로 코드를 짜보았는데 어느부분이 잘못된지 모르겠어요

    App.js 에서 

     

     

    #13592

    codingapple
    키 마스터

    크롬엔 어떤 에러가 뜹니까 

    cors 에러 이런게 뜨면 cors 라이브러리를 사용하면 됩니다 

    #13600

    익명
    비활성

    cos 라이브러리 설치하니까 바로 되네여

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

About

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

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

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