알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

axios,ajax CROS(다른 도메인) 처리 하는 방법 본문

Web

axios,ajax CROS(다른 도메인) 처리 하는 방법

백곳 2018. 4. 24. 18:43

axios,ajax CROS(다른 도메인) 처리 하는 방법 



axios.get('http://127.0.0.1:8282/get_dome_statue')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});


위와 같은 식으로 사용 하려면 


중요한 것은 


Server 에서 Respone 를 할때  


헤더에 Access-Control-Allow-Origin: *


를 붙혀야 한다는 것이다. 


그리고 POST 를 할때는 


추가적으로 헤더에 


Content-Type: 


※ application/x-www-form-urlencoded

※ multipart/form-data

※ text/plain

  

3개중 1개 여야 합니다. 


그리고 나서 요청 하면 CROS  에러가 나오지 않게 됩니다. 


중요한 것은 Server 에서 헤더를 붙여야 하는것입니다. 


client 에서 하는것은 의미가 없습니다. 


저 같은 경우  


Server 에서 respone 를 할때  헤더에 


Access-Control-Allow-Origin: *


만 추가 하였습니다. 



'Web ' 카테고리의 다른 글

우분투 16.04 tomcat 8.5 설치하기  (0) 2018.08.21
무료 도메인 서버  (0) 2018.08.20
autodesk forge 측량 변경 하기  (0) 2018.08.14
3D CAD 뷰어 SDK API 예제 사이트  (0) 2018.08.13
javascript groupby 메소드 정리  (0) 2018.07.30
Comments