Javascript 如何使用angularjs在单页应用程序中加载本地json文件

我正在构建一个所谓的迷你单页应用程序，它的所有逻辑都在客户端，我正在使用Angular实现这一点。 我的问题是加载一个JSON文件，它不是存储在任何服务器上，而是存储在我的项目树中——每次我尝试加载该文件时，都会收到404.3错误代码（在多个浏览器中尝试过）-我的调用没有问题，因为我尝试调用存储在Web服务器上的JSON文件，效果非常好-唯一的问题是当我尝试调用本地JSON时。 这是我的电话：

app.controller("myCtrl", function ($scope, $http) {
$http.get('/Data/names.json')
.success(function (data, status, header, config) {
    console.log("file loaded");
    console.log(data);
    console.log(status);
    console.log(header);
    console.log(config);

})
.error(function (data, status, header, config) { 
    console.log("ERROR file didn't load");
    //console.log(data);
    //console.log(status);
    //console.log(header);
    //console.log(config);
 })

}))

已解决 通过使用以下行将web.config文件添加到我的项目中：

<system.webServer>
<staticContent>
  <mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>

---

通过使用以下行将web.config文件添加到我的项目中来解决：

<system.webServer>
<staticContent>
  <mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>

---

您的水疗中心是否像file://index.html? 或者，当您使用json文件进行测试时，它是否在Web服务器上？它不在Web服务器上，它的运行方式类似于您的函数如何获得“$http”？您可以尝试将“$http”注入控制器函数吗？像app.controller（“myCtrl”[“$http”，函数（…）{}]）；好的，我通过添加web.config文件解决了我的问题，该文件包含以下行：