Javascript AngularJS说json文件不存在

Javascript AngularJS说json文件不存在,javascript,json,angularjs,Javascript,Json,Angularjs,我是angularJS新手,正在尝试使用它从json文件获取数据。当我运行程序时,控制台读取到有404错误,并且文件不存在 下面是我用来尝试检索json文件的角度 var appLaptops = angular.module('appLaptops', []); appLaptops.service("laptopsService", function ($http, $q) { var deferred = $q.defer(); $http.get('json/lapto

我是angularJS新手,正在尝试使用它从json文件获取数据。当我运行程序时,控制台读取到有404错误,并且文件不存在

下面是我用来尝试检索json文件的角度

var appLaptops = angular.module('appLaptops', []);

appLaptops.service("laptopsService", function ($http, $q) {
    var deferred = $q.defer();
    $http.get('json/laptops.json')
        .then(function (data) {
            deferred.resolve(data);
        });

    this.getLaptops = function () {
        return deferred.promise;
    }
})

appLaptops.controller('ctrlLaptops', function ($scope, laptopsService) {
    var promise = laptopsService.getLaptops();
    promise.then(function (data) {
        $scope.laptop = data;
        //For testing
        console.log($scope.laptop);
    })
});
下面我还将附加链接到文件夹结构的图片以及错误读数

文件夹结构:


错误读数:

此问题与角度无关。您有404错误,因为IIS不知道如何处理
膝上型电脑.json
文件

解决此问题有两种选择:

  • 更新web.config以让IIS知道此类文件的内容类型(在QueryLars的评论中提到):

  • 配置HttpRoutes或HttpHandler

  • 您的
    json
    目录是公共的吗?您是否尝试打开
    http://localhost:5237/json/laptops.json
    首先在您的普通浏览器中?这也可能是一个问题:谢谢,这为我解决了错误。我会投赞成票,但上面说我需要15%的声誉。不过还是谢谢你。