javascript - supported - falta la cabecera cors ''access-control-allow-origin'' angular 4

Angular.js No hay encabezado ''Access-Control-Allow-Origin'' presente en el recurso solicitado. Origen ''nulo'' por lo tanto, no está permitido el acceso

Question

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



    }
}
 ]);

Pero tengo los siguientes errores

XMLHttpRequest no puede cargar http://www.google.com/ . Ningún encabezado ''Access-Control-Allow-Origin'' está presente en el recurso solicitado. Por lo tanto, el origen ''nulo'' no está permitido.

Answer 1

Access-Control-Allow-Origin se establece en la respuesta del servidor , no en la solicitud del cliente para permitir que los clientes de diferentes orígenes tengan acceso a la respuesta.

En su caso, http://www.google.com/ no permite que su origen tenga acceso a la respuesta. Por lo tanto, no puedes leerlo.

Para obtener más información acerca de CORS: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS