blocked by CORS policy (크로스 도메인 오류)

Access to XMLHttpRequest at OOO/insertCustomer.do from origin 127.0.0.1:5000 has been blocked by CORS policy:

No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

이런 오류는 주로 ajax로 API를 호출할때 동일 서버가 아닌 다른 서버를 호출할때 오류가 난다.

 

이런 오류가 발생할때 처리방법

 

1. 서버의 API 함수 내에서 처리하는 방법

    @RequestMapping(value = "/insertCustomer.do", method = RequestMethod.POST)
    @ResponseBody
    public ResponseSet insertCustomer(HttpServletRequest request, HttpServletResponse response, @RequestParam Map<String, String> param) {
    	
    	response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
        
        ...
    }

 

2. ajax를 호출하는 서버가 node.js 인경우 

   아래 모듈 설치

npm install express --save-dev
npm install cors --save-dev

   코드 작성

var app = require("express")();

var cors = require('cors')();
app.use(cors);

참조 링크

https://velog.io/@wlsdud2194/cors

CORS에 대한 간단한 고찰

https://m.mkexdev.net/339

[Node.js] CORS 설정(Cross Domain 요청 허용)

 

3. 기타