nodejs - No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

웹에서 api 호출을 하니 CORS 오류가 뜬다.

 

서로 다른 출처, 도메인끼리 통신을 허락하지 않는 것이다.

프론트는 3001 포트를 사용하고 서버는 3000포트를 사용하고 있어 서로간의 통신이 되지 않는다.

 

그래서 서로 확인하고 허용된 도메인만 통신이 가능하게 만들어 줘야 하는데,

cors라는 라이브러리를 사용하면 쉽게 해결할 수 있다.

 

 

1. cors 라이브러리 설치

 

npm install cors

 

 

2. app.use(cors())

 

import express, { json, urlencoded } from 'express'; // express 모듈
import cors from 'cors';

const app = express();
const port = 3000; // 포트

app.use(cors({
  origin: true,
  credentials: true
})); // CORS 모두 허용

app.listen(port, () => {
  console.log(`서버 가동! 포트: ${port}`)
}) // 실행