CORS

CORS 란?

Cross-origin resource sharing의 약자로 의미는 교차 출처 리소스 공유입니다. 즉, 현재 브라우저로 접속중인 페이지에서 자바스크립트를 이용해 다른 도메인 또는 포트를 가진 주소로 요청을 하는 경우, 해당 리소스에 접근을 허용했는지 확인해 보안을 높이는 동작을 CORS라고 합니다.

CORS 문제 발생 이유?

브라우저는 주소(도메인, 포트)가 다른 경우에 리소스의 출처가 다르다고 생각을 합니다. 브라우저가 리소스 출처가 다르다고 판단을 하면 요청받은 리소스를 허용하고 있는게 맞는지 확인을 합니다. 그리고 서버로 부터 평소와 다르지 않은 요청을 받을 경우 허가를 받지 못했다고 판단을 하고 CORS에러를 발생시킵니다. 즉, 위험한 요청으로 인식을 해서 오류를 발생 시켰다라고 생각하시면 됩니다.

CORS 문제 해결법

NODE.js 로 서버 코드를 작성을 한 경우에는 npm에서 cors 모듈을 제공합니다. npm에서 모듈을 다운받고 미들웨어에 처리만 해주면 간단하게 해결 할 수 있습니다.

	npm install cors

// 모든 요청 허용
  const express = require("express");
  const cors = require("cors");
  const app = express();
  const port = 3000;

  app.use(cors());

  app.get("/cors-test", (req, res) => {
    res.send("hi");
  });

  app.listen(port, () => {
    console.log("서버가 켜졌어요!");
  });