Question

我想创建一个简单的本地网站来可视化我的量角器测试生成的json数据。问题是angular不支持加载本地文件，所以你知道我是否可以在本地使用这个JSON？我不想设置服务器只是为了将单个小文件加载到单个变量。

我尝试$http，但显然会抛出XMLHttpRequest Cross origin request。我很感激任何建议。

修改我决定从npm运行http-server。我在端口8080上启动它并指定我的项目的路径。然后我有

var app = angular.module("reportingApp", ['nvd3']);

app.controller('MainController', ['$scope', '$rootScope', '$http', function($scope, $rootScope, $http) {
    $scope.title = 'abc';

    $http.get('http://127.0.0.1:8080/e2e-Report/combined.json').success(function(data) {
        $scope.title = data.jsonData;
        });
}]);

在我的app.js中通过http获取文件，但它会抛出No 'Access-Control-Allow-Origin' header is present on the requested resource

Answer 1

您可以通过安装
npm install http-server -g

来创建本地服务器

安装完成后，转到命令行 - ＆gt;项目路径 - ＆gt; http-server＆amp;

前。

D:\angularProject> http-server & (Press Enter)

它将启动localhost服务器：localhost://8080。在浏览器上打开localhost：// 8080。

现在，您的CORS问题不会出现。享受。

编辑：您需要在计算机中安装node。

示例代码：

$http.get("api/my.json").then(function (res){
            console.log("res",res);

        })

Answer 2

简单的方法是使用像 Brackets 这样的编辑来完成这类作品，通过实时视图，你可以得到你想要的东西。

加载本地json文件

2 个答案: