web-dev-qa-db-fra.com

Angular.js Aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. L'origine 'null' n'est donc pas autorisée

//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;
          });



    }
}
 ]);

Mais j'ai des erreurs suivantes

XMLHttpRequest ne peut pas charger http://www.google.com/ . Aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. Origin 'null' n'est donc pas autorisé à accéder.

javascriptangularjscors
26
Shankar Kamble

Access-Control-Allow-Origin est défini sur la réponse du serveur , et non sur la demande du client permettre à des clients d'origines différentes d'avoir accès à la réponse.

Dans votre cas, http://www.google.com/ n'autorise pas votre origine à accéder à la réponse. Par conséquent, vous ne pouvez pas le lire.

Pour plus d'informations sur CORS: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

46
Khanh TO