[Node.js] Express.cors

https://surprisecomputer.tistory.com/32

[Node.js] express cors 사용하기

CORS(Cross-Origin Resource Sharing)란

 자신이 속하지 않은 다른 도메인, 다른 프로토콜, 혹은 다른 포트에 있는

리소스를 요청하는 cross-origin HTTP 요청 방식이다.

cross-origin HTTP 요청 방식에 대해서는 mozilla 사이트의 다음의 그림을 보면 좀 더 이해가 쉽다.

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

서버는 Cors에 대해서 기본적으로 제한을 두고 있는데, 특정 서버 리소스에 임의의 웹사이트에서

request를 보낼 수 있다면 악의적으로 세션을 탈취하거나 문제를 일으킬 수 있어서라고 한다.

 

사용법은 다음과 같다.

먼저 모두에게 허용하는 법

var express = require('express')
var cors = require('cors')
var app = express()
 
app.use(cors())
 
app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})
 
app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})

위와 같이 별도의 처리 없이, app.use(cors())하게 된다면

모든 도메인에서 제한 없이 해당 서버에 요청하고 응답을 받을 수 있게 된다.

 

다음으로는,

특정 도메인에게만 허용하는 법

const http = require('http');
const express = require('express');
const app = express();
const server = createServer(app);
const cors = require('cors');

const PORT = 8080;

let corsOptions = {
    origin: 'https://www.domain.com',
    credentials: true
}

app.use(cors(corsOptions));

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

server.listen(PORT, () => {
	console.log(`Server running on ${PORT}`);
});

위와 같이 corsOptions 변수에 허용할 도메인을 추가하고, app.use(cors(corsOptions));를 넣어주게 되면,

해당 corsOptions의 origin값인 해당 도메인은 제한 없이 서버에 요청하고 응답할 수 있게 된다.

 

참고

https://www.npmjs.com/package/cors

cors

 

*추가적인 사항이 있다면, 추가