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

home2 게시판 React 게시판 Node+Express 서버와 React 연동하기 질문

Node+Express 서버와 React 연동하기 질문

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

    사과나무
    참가자

    http://localhost:8080/

    폴더내에 public/main.html 은 잘 접속이됩니다.

    http://localhost:8080/react

    폴더내에  react-project/build/index.html는 단독으로 설정할땐 잘되는데

    위에주소로하니 흰색 빈페이지만 나옵니다. package.json에 설정을 해줬는데도 말이죠

    그래서 혹시나. react-project/build/test.html을 만들어서

    http://localhost:8080/react/test.html은 접속이 잘되구

    http://localhost:8080/react/index.html은 여전히빈화면인데 뭐가 문제일까요?

     

    const express = require('express');
    const path = require('path');
    const app = express();

    const http = require('http').createServer(app);
    http.listen(8080, function () {
      console.log('listening on 8080')
    });

    app.use('/',express.static(path.join(__dirname, 'public')));
    app.use('/react',express.static(path.join(__dirname, 'react-project/build')));

    app.get('/', function (요청, 응답) {
      응답.sendFile(path.join(__dirname, 'public/main.html'));
    });

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

     

    {
      "homepage": "/react",
      "name": "react-project",
      "version": "0.1.0",
      "private": true,

     

    .........

    #25064

    사과나무
    참가자

    아...!

    build/index.html의 내용을 수정하니까 출력이 되네요 기본 react템플릿 그대로 (그림나오는화면) 는

    출력이 안되는데 이상하게 빈화면에 <h3>리액트 첫화면 테스트</h3>

    이런식으로만 하니까 됩니다! 이유가 있을까요?

    #25070

    codingapple
    키 마스터

    리액트에서 라우터쓰고 있으면

    기본 라우트가 /react라고 basename을 설정해줘야할 수도 있습니다 

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

About

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

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

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