[node] express - CORS

1. 상황

다른 도메인에서 HTTP 요청을 하면 Same Origin Policy에 의해 요청이 거부된다.

 

도메인은 - 1) 프로토콜, 2) 주소, 3) 포트 3가지가 모두 같아야한다. 

 

이를 해결하기 위해서는 CORS(교차 출처간 리소스 공유 허용)을 추가해야한다.

 

2. CORS 

1) 설치

npm i cors

 

2) 코드

저는 테스트를 위해서 모든 도메인에 대해 허용했습니다. 다만 실제 서비스에서는 클라이언트 측 도메인만 허용하도록 구성합니다ㅏ.

const express = require('express')
const app = express()
const port = 3000
const cors = require('cors')
const bodyParser = require('body-parser')

// CORS 설정 - 모두 개방
app.use(cors());

// body parser
app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());

app.get('/', (req, res) => {
  res.send("Hello World")
})

app.post("/user", (req, res) => {
    // body 출력
    console.log(req.body)
    res.send("ok!!!")
})

app.listen(port, () => {
  console.log(`${port} 포트에서 express 서버 실행`)
})

 

3) 확인

잘 받아왔습니다.