我如何从 api 端点获取数据

Question

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

如果我运行在端口 3000 上收到 GET 请求错误 ERR_CONNETION_REFUSED，显然 - 因为端口 1337 上的数据不可用，因为端口 1337 不可用运行宁.

我的项目文件结构如下：

my_app

--后端文件夹（strapi 文件和运行s 在端口 1337 上）

--frontend文件夹（包含所有nextjs和3000端口的运行s）

代码:

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 可以访问管理面板上 Settings/Roles 上的角色。从那里，您还可以检查您将使用的 URI。

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

之后，您将从 strapi URL 作为 //localhost:1337/your_endpoint

访问您的 strapi 端点

我如何从 api 端点获取数据

How do i fetch data from api endpoint

javascript

node.js

strapi

next.js