带http.get（）+跨站点验证的Angular JS

Question

我试图使用http.get（）从我的角度应用程序中的本地.json文件中请求数据，但是遇到了（我刚刚学到的）跨站点验证（XVal）问题。 我对此并不熟悉，其他跨站点验证问题似乎也不太清楚。 我至少了解到，该问题最有可能通过调整本地服务器来解决...但是我不知道从该领域开始。 我的应用程序当前可以在plunker上运行（我的实际项目文件系统基本相同）： http ://plnkr.co/edit/ny95zv?p=preview如果“我正在使用本地服务器”，我该怎么办？ http.get？

var app = angular.module('scattChartApp', ['nvd3'])
.controller('MainCtrl', function($scope, $http) {

  $http.get('chartdata.json').success(function(response) {
      response.options.chart.tooltipContent = function(key) {
         return '<h3>' + key + '</h3>';
      };
      $scope.options = response.options;
      $scope.data = response.data;
  });


});

Answer 1

您不能从静态目录（即file:///path/to/your/directory请求数据。要将此cd到您的应用程序目录并使用python -m SimpleHTTPServer 。如果您使用的是Mac，则应自动安装python 。

另外，您也可以通过npm下载simplehttpserver并执行simplehttpserver path/to/your/directory命令。

您也可以使用chrome扩展程序来实现此功能-签出名为Allow-Control-Allow-Origin的扩展程序。