반응 프론트 엔드를 연결하고 백엔드를 표현하는 방법은 무엇입니까?

Question

그래서 여기 피클 내 문제입니다 : BTW 내가 구글을 통해이 작업을 수행하는 방법을 알아내는 몇 가지 문제가 있었다 및 I에 유래를 사용하려고했지만

그래서 나는 ReactJS의 웹 사이트가 정확한 답을 찾을 수 없습니다 어디

이

실

실행하기 시작 사용하고 로컬 호스트에서 실행 : 3000 를 나는 그것이 로컬 호스트에서 실행하려면 : 3000을 명시 서버도 해당 서버에서 실행하는 동안, 일명 서버를 반응 시작 express.js에 있습니다.

내가 찾은 모든 튜토리얼처럼 보이며, 나머지는 정적 웹 사이트에 반응하고 표현을 사용하는 가이드입니다. 나는 반응 라우터

EDIT1의 장점에 대한 서버 측에 반응 계속하고 싶습니다 : 나는 데이터베이스 세부 사항이 제거 된 expressjs 서버가있을 때 그러니까 기본적으로, 그 선은 오류가 밤은

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

var mysql = require ('mysql'); var connection = mysql.createConnection ({host : 데이터베이스 : 'main'});

connection.connect()

app.post ('/ 사용자 함수 (REQ, 입술) {VAR 사용자 = req.body; res.end ('성공 ');})

app.listen (3000, 기능() {을 console.log ('익스프레스 단절 포트 3000에 을 듣고있다')})

//connection.end()

나는 또한 시작 원사 역이있는 작성 - 반응 - 응용 프로그램 서버 rt이고 localhost : 3000에서 실행되지만이 expressjs 서버는이를 무시합니다.

그래서 내가 게시물을 보낼 수 있도록 두 가지를 연결하려는 나는 최근에이 전략을 구현하는 샘플의 repo에 근무

Answer 1

요청합니다. 이를 수행 할 수있는 몇 가지 방법이 있지만 가장 간단한 방법은 고속 서버를 다른 포트에서 실행되는 두 번째 서버로 시작하는 것입니다. 그런 다음 concurrently을 사용하여 하나의 명령으로 반응 서버 (webpack 가정)와 빠른 API 서버를 시작할 수 있습니다.

Here is a tutorial이 설정 방법을 보여줍니다. 이 튜토리얼에서는 webpack 서버를 통해 클라이언트 (브라우저)의 요청을 프록시 처리하는 방법에 대해 설명합니다. webpack 서버를 통해 요청을 프록시하지 않으면 CORS 구성과 관련하여 고려해야 할 몇 가지 고려 사항이 있습니다.

Here is my proof of concept repo 내가 원하는 것을 구현 한 곳 : react client 및 express server. run via concurrently 또는 도커 (작성)로 지정할 수 있습니다.