seong

CORS - JavaScript는 Spring에게 Ajax요청을 할 수 없다. 본문

개발 관련 팁

CORS - JavaScript는 Spring에게 Ajax요청을 할 수 없다.

hyeonseong 2022. 10. 27. 17:07

CORS (Cross-origin resource sharing) 

웹 페이지의 제한된 자원을 외부 도메인에서 접근할 수 있도록 해주는 것이다. 

HTTP 프로토콜에서는 자신과 동일한 도메인만 HTTP요청을 보내는것이 가능하도록 하고있다.

그래서 다른 도메인에서 접근하려하면 에러가 발생한다. 그래서 이것을 요청이 가능하도록 하기 위해서 CORS가 만들어졌다.

 

Spring에서 사용하는 방법 - @CrossOrigin 어노테이션 사용.

@CrossOrigin - 해당 메서드에 모든 도메인에 대해서 허용

@CrossOrigin("http://localhost:8000") -  8000에 대해서만 허용.

 

jsp에서 호출

let response = await fetch("주소");

<script>
	async function boardfindById(){
    let response = await fetch("http://localhost:8000/board/1");
    let responseParsing = await response.json();
    console.log(responseParsing);
    if(responseParsing.code ==1){
    	let conatainerDIV = document.querySelector("#container");
        contatinerDIV.innerHTML = render(responseParsing.data);
    	render(responseParsing.data);
    	}
    }
    
    function render(board){
    	return // 그림이 그려지는 자리 
    }
</script>