本地和远程JSON代码之间的代码差异

问题描述:

我的Angular应用程序中有一个本地JSON文件,效果很好。当我将该文件上传到我的服务器并尝试访问它时,数据将无法读取。什么需要改变?本地和远程JSON代码之间的代码差异

.controller('ListController', ['$scope', '$http', '$state', function($scope, $http, $state) { 
     $http.get('http://example.com/remoteproducts.json').success(function(data) { 
      $scope.products = data; 
      $scope.whichproduct = $state.params.aId; 
     }); 
}]); 
+0

尝试'$ scope.products = JSON.parse(data.data后);' – peteb

+0

没有喜悦,没有显示产品''XMLHttpRequest无法加载https://exmaple.com/remoteproducts.json。请求的资源上没有“Access-Control-Allow-Origin”标题。 Origin'''错误来自Chrome中的控制台 – me9867

+0

它是一个cors错误..你需要在服务器端处理cors。 –

此代码现在

.controller('ListController', ['$scope', '$http', '$state', function($scope, $http, $state) { 
     $http.get('https://example.com/remoteproducts.json').success(function(data) { 
      $scope.products = data; 
      $scope.whichproduct = $state.params.aId; 
     }); 
}]); 

和可视工作在浏览器中安装这个Chrome扩展

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related?hl=en-US