我如何从 api 端点获取数据

Question

我正在为我的前端（端口 3000）运行 nextjs，试图从 Strapi（端口 1337）获取 api 端点。 我如何使用我的前端应用程序来从我的后端获取数据。 有没有办法让两个端口同时运行，或者我做错了什么？

如果我在端口 3000 上运行，我会收到一个 GET 请求错误 ERR_CONNETION_REFUSED，显然 - 因为端口 1337 上的数据不可用，因为端口 1337 没有运行。

我的项目文件结构如下：

我的应用程序

--backend 文件夹（strapi 文件并在端口 1337 上运行）

--frontend 文件夹（包含所有 nextjs 并在端口 3000 上运行）

代码：

import Header from '../components/Header'
import useFetch from '../public/hooks/useFetch'

export default function Home() {

  const { loading, error, data } = useFetch('http://localhost:1337/reviews')

  return (
    
    <>

    <Header/>

    HOME


    </>
  )
}

Answer 1

为了让您的生活更轻松，我建议您在市场上安装“文档”。 之后，您将可以访问“插件中的文档”，在那里您将能够检查您的 API，并使用“检索您的 JWT 令牌”来获取测试令牌以测试您的所有 API。

从那里您将可以访问 Swagger 应用程序，并且您将能够检查所有 API 功能。

现在，您可以从服务器 URL 访问所有 API，即： GET http://localhost:1337/helpers

注意：请务必让您的 API 可供您在管理面板上的设置/角色上访问。 从那里，您还可以检查将使用的 URI。

在您的情况下，要访问http://localhost:1337/reviews确保在公共或私人方面可访问评论。

之后，您将从trapi URL访问您的trapi端点//localhost:1337/your_endpoint