react와 서버(nodejs express) 연결하기

보통 react에서 서버에 axios로 요청을 한다. 그때 react와 서버에 각각 작업을 해줘야 한다.

이 글은 같은 컴퓨터의 다른포트로 사용하는 법을 적었다.

 

먼저 react에서 서버에 연결하기 위해서는(CRA사용 기준)

package.json에

  "proxy": "http://localhost:3001",

이렇게만 입력해주면 된다. proxy에 대해서는 다른 글에서 올리겠다.

 

express에는

const corsOptions = {
  origin: "http://localhost:3000",
};
app.use(cors(corsOptions));

이렇게만 입력하면 된다.