CORS

CORS / PROXY

CORS(Cross Origin Resource Sharing)은 다른 Origin끼리 요청/응답을 주고받는 것을 의미합니다. 하지만 브라우저는 보안을 위해 Origin이 다를 경우, 서버에서 클라이언트로 가는 응답을 막아 버립니다. 따라서 다른 origin에게 응답을 보내기 위해선, 브라우저에게 허용된 응답이라는 것을 알려주어야 합니다. 이는 헤더에 Access-Control-ALlow-Origin을 설정하여 CORS를 할 수 있습니다.

😺 origin : [scheme] [hostname] [port]

😺 서버에 요청을 들어오지만, 다른 origin이면 브라우저가 서버의 응답을 막습니다.

📔 참고자료 : https://developer.mozilla.org/ko/docs/Web/HTTP/CORS

app.get((req, res, next) => {
  res.set("Access-Control-Allow-Origin", "*");
});

app.get((req, res, next) => {
  res.set("Access-Control-Allow-Origin", "http://localhost:3000");
});

Express에서 CORS 미들웨어를 통해 CORS를 다룰 수 있습니다. npm install cors를 통해 설치하며 require('cors')로 가져옵니다.

📔 참고자료 : https://www.npmjs.com/package/cors

const cors = require("cors");
app.use(cors());