本地和远程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;
});
}]);
答
此代码现在
.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扩展
尝试'$ scope.products = JSON.parse(data.data后);' – peteb
没有喜悦,没有显示产品''XMLHttpRequest无法加载https://exmaple.com/remoteproducts.json。请求的资源上没有“Access-Control-Allow-Origin”标题。 Origin'''错误来自Chrome中的控制台 – me9867
它是一个cors错误..你需要在服务器端处理cors。 –