JSONローカルファイルにアクセスするとCorsエラーが発生する

Question

ローカルJSONファイルにアクセスしようとするとエラーが発生します。これはjsonからデータを取得する機能です。

 $scope.getJSON = function() { 
     (self.servicioObj = jsonFactory.GetJson('data.json')).then(
       function (dataResponse) { 
        $scope.datosJson = []; 
        $scope.datosJson = dataResponse.data; 
        self.servicioObj.detenerTiempo(); 
       }, function (error) { 
      self.servicioObj.detenerTiempo(); 
     }); 
    } 

これは私の工場コードです。

function jsonFactory($http, $q) { 

    var self = this; 

    self.urlBase = 'http://192.168.0.17:8383/NewFrontEnd/app/pages/'; 
    self.jsonFactory = {}; 
    self.tiempoEspera = 120000; 
    self.jsonFactory.GetJson = function (metodo) { 
     var tiempo = $q.defer(); 
     var url = self.urlBase + metodo; 
     var peticion = $http({ 
      method: 'get', 
      url: url, 
      headers: {'Access-Control-Allow-Origin': '*'}, 
      cache: false, 
      timeout: tiempo.promise 
     }); 
     return self.jsonFactory; 
     } 

私がgetJSON関数を呼び出すと、このエラーメッセージが表示されます。

XMLHttpRequest cannot load http://192.168.0.17:8383/NewFrontEnd/app/pages/data.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8383' is therefore not allowed access. 

私はいけない私が取得していますなぜ私はurlBaseに入れlocalhostの代わりに192.168.0.17の私は何の問題

Answer 1

せずにJSONファイルにアクセスできる場合、私はこのエラーを取得していますなぜ知っています私はurlBase localhostの代わりに192.168.0.17

に入れた場合、このエラーはlocalhostと192.168.0.17は異なるホスト名なのでので、彼らは異なる起源です。

HTMLドキュメントを1つにロードし、XHRを使用して別のドキュメントをリクエストすると、クロスソースリクエストが行われます。

オリジンを混在させたり、適切なAccess-Control-Allow-Originヘッダーを出力するようにサーバーを構成したりしないでください。