Javascript 访问Angular.js中的JSON文件

我想使用以下代码访问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)

镀铬：`

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

---

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

因此，您通过

文件：//

协议获取应用程序

但是由于安全原因，

file://

protocol无法执行http get方法

---

为了解决您的问题，我建议您将应用程序放在一个简单的web服务器上（如Apache或wamp、xamp、lamp等），或者更好地使用grunt构建应用程序，并通过node.js在测试服务器上运行。它是否在服务器上运行？仅通过浏览器访问文件时会发生什么情况？否。。这不是在服务器上运行，然后需要更改“允许从文件访问文件”（chrome）vittore-当通过浏览器访问时，我会显示这些错误。这个问题与angular或json无关