반응형
http://www.google.com/로부터의 응답에 대한 "요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다" 오류입니다.
//Create an Angular Module.
var newsModule = angular.module('NewsModule', []);
//Create an Angular Controller.
newsModule.controller('newsCtrl', ['$scope', '$http', function ($scope, $http) {
//function retrives POST,UPDATE,DELETE,GET data
$http.defaults.headers.put = {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With'
};
$http.defaults.useXDomain = true;
$scope.throughdata = function (){
delete $http.defaults.headers.common['X-Requested-With'];
$http.get('http://www.google.com').then(function(data,error){
alert(data);
alert(error);
$scope.days=data.data;
});
}
}
]);
하지만 다음과 같은 오류가 발생합니다.
XMLHttpRequest는 http://www.google.com/을 로드할 수 없습니다.요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다.따라서 오리진 'null'은 액세스가 허용되지 않습니다.
Access-Control-Allow-Origin
는, 다른 발신기지로부터의 클라이언트가 응답에 액세스 할 수 있도록, 클라이언트 요구가 아닌 서버로부터의 응답으로 설정됩니다.
당신의 경우, http://www.google.com/는 당신의 발신기지에서 응답에 대한 접근을 허용하지 않습니다.따라서 읽을 수 없습니다.
CORS에 대한 자세한 내용은http://https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS 를 참조해 주세요.
언급URL : https://stackoverflow.com/questions/24097484/no-access-control-allow-origin-header-is-present-on-the-requested-resource-e
반응형
'source' 카테고리의 다른 글
react-router를 사용하여 브라우저에서 /#/을(를) 중지하는 방법 (0) | 2023.03.10 |
---|---|
React에서 컴포넌트 이름 가져오기 (0) | 2023.03.05 |
IE의 jQuery 스크립트에 대한 액세스가 거부되었습니다. (0) | 2023.03.05 |
HTML5 비디오에서 오른쪽 클릭을 비활성화하시겠습니까? (0) | 2023.03.05 |
디렉티브의 method 인수가 AngularJS에 지정되어 있는지 확인하는 방법 (0) | 2023.03.05 |