从服务器发出 API 请求后，如何从前端检索该请求？答案

【问题标题】：After making an API request from the server, how do I retrieve that from the frontend?从服务器发出 API 请求后，如何从前端检索该请求？
【发布时间】：2020-03-04 04:53:29
【问题描述】：

我正在从我的服务器向第三方 API 发出 GET 请求。该请求返回一个JSON 响应。

现在我有了 JSON，我想从前端向服务器发出 fetch API 请求，以便检索 JSON 并将其显示在前端。

目前我的设置是这样的：

www.siteA.com/backend > This is a page on the backend.
It makes a request to a third party site that returns some json data

www.siteA.com/frontend > This is the front end of the site.
I make a fetch request to www.siteA.com/backend to retrieve the json data that
was returned from the backend api request to the third party site.

当我检查从 www.siteA.com/frontend 到 www.siteA.com/backend 的 fetch 请求中获得的响应时，它实际上是在接收整个 html 页面，而我只想要 JSON 数据。

如何从前端检索 json？

【问题讨论】：

你想错了，使用 fetch-api 在你的服务器上调用一个页面，然后调用 3rd 方 api 并返回它作为对 fetch- 的响应来自前端的 api 调用
MDN: Using Fetch
@TommyBs 这就是我正在做的事情。我在前端有一个 js 文件，我向后端页面发出请求，该页面上有对第三方的 api 请求。当我将前端请求中返回的内容记录到后端时，它会返回整个页面的可读流 - html（不是从后端请求返回的数据
那么您真正应该问的问题是为什么您的后端以错误的格式发送响应。发布您的一些服务器代码，以便我们查看
我在 CMS (Squiz Matrix) 中使用预先构建的 api 请求资产，因此不需要编码 - 我输入请求 url 之类的内容。我从前端向该后端页面发出请求，该页面就是返回的内容。也许我在这里误解了一些基本概念，我对API请求不是很熟悉

标签： javascript fetch-api

【解决方案1】：

您能否向我们提供更多信息？您是否只是在寻找一种从 API 获取数据的方法？如果是，我认为最简单的选择是使用fetch() 方法

    fetch('www.your-restapi.com/something-here')
      .then(res=> {
        return res.json()
      })
      .then(data => {
       // your data is available 
      })

【讨论】：

您好韦斯利，感谢您的回答。我正在使用 fetch 从后端获取页面，但我想做的只是检索后端已经从其对第三方站点的请求中检索到的 json 数据。我已经编辑了我的原始问题以尝试改进它，因为人们已经投票否决了它