调用从 react-app 返回 JSON 的 REST API

Posted 2023-02-22

【中文标题】调用从 react-app 返回 JSON 的 REST API

【英文标题】：Call a REST API that returns a JSON from react-app

【发布时间】：2021-01-31 17:35:36

【问题描述】：

我有一个 REST API 的 URL，例如 'https://someurl/test'，它以 JSON 响应，我需要将该数据导入我的 React 应用程序。

我想从基于反应的 SPA 中调用该端点。

我该怎么做？

【参考方案1】：

import 仅适用于本地文件（除非有我不知道的 babel/webpack 插件）。

如果文件是静态的，您可以下载它并将其放在项目文件中的某个位置，然后再导入。

如果文件经常更改，那么您应该进行 HTTP 提取（例如使用 axios）以根据需要请求文件。如何执行此操作的具体细节取决于您的用例（例如，这是针对客户端还是针对 s-s-r）。

【参考方案2】：

fetch('http://example.com/movies.json')
    .then(response => response.json())
    .then(data =>console.log(data));

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。

code of conduct