[ Node & React ] Node와 React 연결하는 방법

가장 흔한 방법

react 파일 같은 경로에 있는 예쁘게 세팅해둔 server.js에

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

app.listen(3000, function () {
  console.log('listening on 8080')
});

이 두친구를 연결시켜줘야한다.

여기서 주의할 점이 있는데

1. app.use 잘 해줘야한다.
2. path.join 해줘야한다. 이것때문에 안 되는 상황이 발생한다.
3. 그리고 get 할 때 경로 설정 잘 해줘야한다.

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

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

 

그리고 리엑트 라우터 충돌 안 되도록 간단히 만드는 방법

진짜.. 놀랍다.. front만 잘 해두면 백은 엄청 간단해지는 마법..

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