React + Express

\

 

 

 

Client 쪽 설정

 

1. server 쪽 api 설정(port)

vite.config.ts

 

2. 실제 호출 예시

 

App.jsx

 

Server 쪽 설정

1. client 쪽 라우터 연결

 

server/index.js

 

2. 실제 business logic 처리 부분

busRoutes.js

 

참고로 연결이 잘못된 경우 다음과 같은 에러가 난다.

Client 쪽 console 에 에러가 표시됐다고 해서 꼭 그쪽 에러는 아니라, vite, express, route 까지 한군데라도 URL Mapping 오류가 생기면 다음과 같은 에러가 날 수 있으니

위에 적은 부분을 천천히 살펴봐야한다!