Angular.js Không có tiêu đề 'Access-Control-Allow-Origin' xuất hiện trên tài nguyên được yêu cầu. Xuất xứ 'null' do đó không được phép truy cập

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



    } 
} 
]); 

Nhưng tôi đã nhận lỗi sau

XMLHttpRequest không thể tải http://www.google.com/. Không có tiêu đề 'Access-Control-Allow-Origin' xuất hiện trên tài nguyên được yêu cầu. Do đó, gốc 'null' không được phép truy cập.

Answer 1

Access-Control-Allow-Originđược thiết lập trên những phản hồi từ máy chủ, không theo yêu cầu khách hàng để cho phép khách hàng từ nguồn gốc khác nhau để có quyền truy cập vào các phản ứng.

Trong trường hợp của bạn, http://www.google.com/ không cho phép gốc của bạn có quyền truy cập vào phản hồi. Do đó bạn không thể đọc nó.

Để biết thêm thông tin về CORS: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS