如何使用 http get 从本地 Json 文件加载数据？

Posted 2023-03-13

【中文标题】如何使用 http get 从本地 Json 文件加载数据？

【英文标题】：How to load data from local Json file using http get?

【发布时间】：2017-03-30 12:51:05

【问题描述】：

我正在尝试从本地 json 文件加载数据。我在屏幕截图中提供了如下所示的参考。但是当我在 localhost 上运行应用程序时，我得到了错误： 404 未找到。

getMainCategory():Observable<MainCategory>

  return this.http.get("./providers/mainCategory.json")
    .map(res=>res<MainCategory[]>(res.json().items))

【问题讨论】：

检查你的路径是否正确

没有截图

如果可能，请分享代码并在此处缺少屏幕截图

我的错……让我编辑问题

嘿，试试我的答案，你只需将数据存储在变量中并返回该变量。

【参考方案1】：

记得注入$http。我已将 json 文件存储在数据文件夹中

function loadBranch()
        $http.get('data/branchList.json').success(function(response)

            vm.branchs = response;
        )
    

branchList.json

[
  
    "name":"sam"
  
]

注意：检查您的 json 文件路径。我认为您的程序无法获取路径

【讨论】：

您的代码与 OP 无关。此外，他已经注入了http服务。可能是他的路径问题

是的，我认为他的程序无法获取文件

主要问题是在我提供的路径上找不到文件。

在我将 json 文件放入根文件夹 www 后，它对我有用。谢谢你的建议..

所以当你把总路径正确时它工作正常吗？如果您将 mainCategory.json 放在 app 文件夹中，那么它肯定会起作用，例如 http.get("mainCategory.json")。那么就不需要放绝对路径了。