cors

Cross Origin Resource Sharing, CORS란?

• CORS 는 에러나 오류가 아니다. 하나의 보안정책이다. Cross-Origin Resource Sharing Policy
• SOP 는 Same Origin Policy 로, 동일한 출처의 Origin 만 리소스(데이터)를 공유할 수 있는 것이다.
• cors 처리과정
  1. GET 요청인지 POST 요청인지 파악한다.
  2. Content-Type 과 Custom HTTP Header 를 파악한다.
  3. OPTIONS 요청을 통해서 서버가 적절한 Access-Control-* 를 가졌는지 확인한다.
  4. 만약 적절한 Access-Control 을 가졌다면 실제 XHR을 트리거한다.
  5. 적절하지 못한 Access-Control 를 가졌다면 Error 를 발생시킨다.

CORS 를 해결하는 3가지 방법 (Filter, @CrossOrigin, WebMvcConfigurer)

1. vue config 설정

   module.exports = defineConfig({
     transpileDependencies: true,
     devServer: {
      proxy: 'http://localhost:81'
     }
   })
   

2. springboot
   @CrossOrigin( originPatterns = “*”)
   @CrossOrigin(origins = {“http://localhost:83”,””})

3. 기타

https://webpack.kr/configuration/dev-server/