Question

我正在建立一个所谓的迷你单页面应用程序，其中所有逻辑都在客户端，并且我正在使用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> </system.webServer>

Answer 1

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

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

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

1 个答案: