无法在 mvc 项目中加载 Json 文件答案

【问题标题】：Failed to load Json -file in mvc project无法在 mvc 项目中加载 Json 文件
【发布时间】：2016-06-12 05:55:53
【问题描述】：

我的phones.json 文件有问题。我将文件夹 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失败？感谢您的回答。

【问题讨论】：

试试这个./phones/phones.json
你能不能说明你把 homeController.js 放在哪里了？
我的 homeController 在 Controllers 文件夹中。

标签： asp.net angularjs json

【解决方案1】：

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

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

【讨论】：

哈！这就解释了。很高兴你把它整理好，感谢你发布答案。

【解决方案2】：

你的代码没有问题，所以一定是路径。

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

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

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

如果这不起作用，那么我建议查看成功加载的资产（例如图像）并检查这些资产的路径，看看您是否能够导航到 phones.json 文件。

【讨论】：