0

我想使用以下代码访问 angular.js 中的 json 文件,但由于下面提到的错误,我无法访问该代码。帮助将不胜感激。!

模块 :

angular.module("demoApp", ['demoApp.factory','demoApp.controllers']);

工厂:

angular.module('demoApp.factory', []).
factory('getJsonDataFactory',function($http){
    return{
    getData : function() {
        return $http.get('mapData.json');
    }
 }
});

控制器 :

angular.module('demoApp.controllers', []).
  controller('GetJsonController', function($scope,$http,getJsonDataFactory) {
              $scope.markers = [];  
              getJsonDataFactory.getData().success(function(data){
                $scope.photos=data;
            });
        });

错误:在 Firefox 中:

 "Access to restricted URI denied" code: "1012"


return logFn.apply(console, args)

在 Chrome 中:`

Origin null is not allowed by Access-Control-Allow-Origin.
4

1 回答 1

7

事实上,我认为你没有服务器。

因此,您正在通过file://协议获取您的应用程序。

但是出于安全原因,file://协议不能做 http get 方法

为了解决您的问题,我建议您将应用程序放在简单的 Web 服务器上(如 Apache,或 wamp,xamp,lamp 等),或者更好地使用 grunt 构建您的应用程序并通过 node.js 在测试服务器上运行它

于 2013-10-01T13:08:05.797 回答