Javascript 工厂服务无法加载json文件

Javascript 工厂服务无法加载json文件,javascript,angularjs,json,Javascript,Angularjs,Json,我有一个JSON文件,data.JSON,与下面的文件位于同一文件夹中。但是,当我运行此程序时,它返回未找到 我还尝试将$http.get请求放入工厂,但结果相同-未找到。我还尝试将.json扩展名改为.txt,正如其他地方建议的那样,但这也不起作用 其余的代码与angular seeds项目一起提供 其他文件中是否有我遗漏的内容,或者获取请求的其他技巧 'use strict'; var myApp = angular.module('myApp.view1', ['ngRoute']);

我有一个
JSON
文件,
data.JSON
,与下面的文件位于同一文件夹中。但是,当我运行此程序时,它返回未找到

我还尝试将
$http.get
请求放入工厂,但结果相同-未找到。我还尝试将
.json
扩展名改为
.txt
,正如其他地方建议的那样,但这也不起作用

其余的代码与angular seeds项目一起提供

其他文件中是否有我遗漏的内容,或者获取请求的其他技巧

'use strict';

var myApp = angular.module('myApp.view1', ['ngRoute']);

myApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/view1', {
    templateUrl: 'view1/view1.html',
    controller: 'View1Ctrl'
  });
}]);

myApp.controller('View1Ctrl', [

  '$scope',
  '$http',

  function($scope, $http) {
    $http.get('data.json')
    .then(function(res){
      $scope.quiz = res.data
    });
}]);
以下是plnkr:

尝试将.json文件放在js所在的文件夹中。

以下是plnkr:


尝试将.json文件放在js所在的同一文件夹中。

json文件不能与
js
文件位于同一文件夹中。相对路径是相对于include
index.html
文件解析的。如果您有此结构:

+-index.html
|-folder
| \-data.json
\-js
  \-app.js

您必须在app.js中使用
$http.get(“folder/data.json”)
,才能使其正常工作。
.json
文件不能与
js
文件位于同一文件夹中。相对路径是相对于include
index.html
文件解析的。如果您有此结构:

+-index.html
|-folder
| \-data.json
\-js
  \-app.js

你必须在app.js中
$http.get(“folder/data.json”)
才能让它工作。

什么是错误?什么是错误?天哪,我好尴尬。几个小时来我一直在绞尽脑汁,以为我发明了一种新的错误。我没有意识到路径是相对于index.html文件而不是js文件的。非常感谢。哦,我的天,我好尴尬。几个小时来我一直在绞尽脑汁,以为我发明了一种新的错误。我没有意识到路径是相对于index.html文件而不是js文件的。非常感谢。