반응형
jsonp를 이용하여 다른 도메인에서 데이타를 읽어오도록 처리를 했는데
보안 설정을 추가하고 나서 크롬에서 아래와 같은 경고 문구가 발생했다.
Cross-Origin Read Blocking (CORB) blocked cross-origin response ..... with MIME type application/json.
var url = etcDomain + '/getCount';
try {
$.ajax({
url: url,
type: 'GET',
dataType: 'jsonp',
error: function(XHR, textStatus, errorThrown) {
console.log('textStatus : ', textStatus);
console.log('errorThrown : ',errorThrown);
//textStatus : parsererror
//archeage_header.pack.js:152 errorThrown : Error: jQuery171006339488620085465_1593074397418 was not called
return ;
},
success: function(data) {
if( data.resultCode === '0000' && data.resultValue > 0 ){
var msg = $('<em class="unread"><span>'+data.resultValue+'</span><span class="txt_hidden">개</span></em>');
$("#count').append(msg);
}
}
});
}catch(e){console.log('e : ', e);}
jsonp로 호출 하는 서버에 추가된 설정은 X-Content-Type-Options: nosniff
https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/X-Content-Type-Options
repsone data 의 타입과 mime type 이 다를경우 CORB 경고가 출력되면서 ajax 호출 결과
에러가 발생한다.
getCount 의 응답 mime type 은 application/json으로 되어 있는걸 application/javascript으로 변경한 뒤에
정상적으로 호출되는 것을 확인
X-Content-Type-Options: nosniff 헤더를 추가한뒤에
응답 데이타의 mime type을 일치시켜야지 정상적으로 호출된다.
반응형
'javascript' 카테고리의 다른 글
클라이튼 Bapp 설치 (0) | 2022.02.07 |
---|---|
크롬에서 youtube 자동 재생이 안될때 (0) | 2018.12.05 |
jquery function을 이용한 youtube iframe 생성 (0) | 2018.03.06 |
정규식을 이용하여 youtube iframe html 만들기 (0) | 2018.03.06 |