无法在mvc项目中加载Json -file

Question

我的phones.json文件出了问题。 我在我的项目中添加了Folder phones 和 phones.json 。

我写了 homeController.js ：

var phonecatApp = angular.module("phonecatApp", []);

phonecatApp.controller('PhoneListCtrl',['$scope', '$http', function($scope,$http) {
    $http.get('../phones/phones.json').success(function (data) {
        $scope.phones = data;
    });

     $scope.orderPror = 'age';
}]);

运行项目后我有错误：

为什么无法加载phones.json？谢谢你的回答。

Answer 1

谢谢大家的回答，我完成了，我只是添加到 Web.config 下一个代码：

<system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8"/>
    </staticContent>
   .....
  </system.webServer>

Answer 2

您的代码没有任何问题，因此它必须是路径。

您是否尝试直接在浏览器中打开http://localhost:6059/phones/phones.json？根据您看到的错误，直接在浏览器中打开它也会产生404.

我还建议您尝试从您网站的根路径中引用该文件：

$http.get('/phones/phones.json').success(function (data) {

如果这不起作用，那么我建议您查看成功加载的资源（例如图片）并查看相应的路径，看看您是否能够导航到phones.json档案。