使用 React 从公共 json 文件而不是 REST api 获取 json 数据答案

【问题标题】：get json data from a public json file not REST api with React使用 React 从公共 json 文件而不是 REST api 获取 json 数据
【发布时间】：2020-10-14 02:03:57
【问题描述】：

我有一个类似于https://www.nonexistentsite.com/fubar.json 的网址，其中 fubar.json 是一个公共 json 文件，如果您使用浏览器导航到该网址，它将下载到您的文件系统。我有一个 React Web 应用程序，我想直接读取该文件以显示其中的一些数据。我不想打扰任何将文件下载到应用程序文件系统以便它可以读取它的后端。我希望 React 前端通过 fetch 或 axios 调用或类似的东西直接在它的客户端代码中读取它。我熟悉我有一个像https://www.nonexistentsite.com/fubar 这样的REST url 的典型情况，我可以调用它并获取数据。我找不到有关如何处理这种情况的信息。

【问题讨论】：

标签： json reactjs axios fetch

【解决方案1】：

您可以使用Axios 从 json 文件中加载数据。

用法示例；

axios.get('https://www.nonexistentsite.com/fubar.json')
.then(jsoncontent => {
  console.log(jsoncontent);
  //do stuff with jsoncontent here
});

【讨论】：

【解决方案2】：

也许我误解了你的问题，但我相信如果你只需要从托管文件中获取 json，你应该可以使用 axios.get(url) 来做到这一点

【讨论】：