我如何從 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