Next.js 13 -获取失败错误,如何解决此问题?

anauzrmj  于 2023-02-04  发布在  其他
关注(0)|答案(1)|浏览(160)

我在试用Next 13测试版时遇到了一个奇怪的问题。我尝试在服务器端获取数据并将其显示在页面上。但是,"获取"操作在服务器端失败。以下是Next.js页面的代码。它位于"app"目录下,名称为"app/pageName/page.js"

import React from 'react'

async function callApi() {
  const data = await fetch('https://marketplace-api.scistoneprojects.com/api/items/?search=yil');
  return data.json();
}

export default async function Page() {
  const data = await callApi();
  return (
    <main>
        {data.results && data.results.map((product, index) => (
          <h1>{product.title}</h1>
        ))}
    </main>
  )
}

Click to see Error Message. (UND_ERR_CONNECT_TIMEOUT)
Click to see API response (Django REST)
Click to see Next 13 Doc
注:获取操作在约10秒后失败。
我做了什么:

  • 我试过Axios,但它也失败了。
  • 我尝试添加"enableundici:true '到下一个配置文件。(失败)
  • 我试过其他的模拟API,有些能用,有些不行。
  • 它们在客户端都能正常工作。
  • 他们在未来12年都正常工作。
  • 它们在任何其他React应用程序上都能正常工作。

版本:

  • 节点18.12.0
  • 下一个13.1.0
  • React18.2.0
  • React域18.2.0
  • 国家预防机制9.2.0

机器:Mac Mini M1(文图拉13.1)

zbwhf8kr

zbwhf8kr1#

在API调用中使用反引号,而不是单引号。

相关问题