Angular.js No ‘Access-Control-Allow-Origin’ encabezado presente en el recurso solicitado. Origen ‘null’ es, por tanto, no se permite el acceso

//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 he de llegar siguientes errores

XMLHttpRequest no se puede cargar http://www.google.com/. No ‘Access-Control-Allow-Origin’ encabezado presente en el recurso solicitado. Origen es ‘null’, por tanto, no se permite el acceso.

  • Sólo me preguntaba por qué no estás usando ngResource para estos tipos de tareas. Se supone que sentarse en la parte superior de $http, para hacer que sea más fácil trabajar con.

1 Kommentar

  1. 46

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

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

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

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea