CORS란 ??

CORS란 ?

CORS는 Cross-Origin Resource Sharing의 약자입니다 . 교차 출처 자원 공유(CORS)는 웹 페이지 상의 제한된 리소스를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용하는 구조이다. 웹페이지는 교차 출처 이미지, 스타일시트, 스크립트, iframe, 동영상을 자유로이 임베드할 수 있다.

 

너무 어렵게 표현했어..위키백과...

 

쉽게 표현하자면, 

- 무분별하게 클라이언트가 다른 리소스에 접근하는 것을 막는 보안 이슈이다 

예를들면, 프론트는 3000포트이고 서버는 8000포트라면 프론트에서 서버에 접근을하면 연결을 차단하는 것! 

 

 

만약에 설정을 다르게 했다면 아래 방법으로 해결 할 수 있다고 한다! 

 

 

1.proxy 미들웨어를 패키지에 설치

npm install http-proxy-middleware

2. target 부분에 서버와 같은 포트 번호로 입력! 

//setupProxy.js

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:5000',
      changeOrigin: true,
    })
  );
};

 

참고

https://tried.tistory.com/76