小编Ber*_*dar的帖子

我在尝试 Next 13 beta 版本时，遇到了一个奇怪的问题。我想做的是，在服务器端获取数据并将其显示在页面上。但是，“获取”操作在服务器端失败。以下是 Next.js 页面的代码。它位于“app”目录下，如“app/pageName/page.js”

import React from 'react'

async function callApi() {
  const data = await fetch('https://api-psepeti.herokuapp.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>
  )
}

单击查看错误消息。(UND_ERR_CONNECT_TIMEOUT)

单击查看 API 响应 (Django REST)

点击查看下13文档

注意：获取操作在大约 10 秒后失败。

我做了什么：

• 我尝试了axios，但也失败了。
• 我尝试将“enableUndici：true”添加到下一个配置文件中。（失败）
• 我尝试了其他模拟 API，有些有效，有些无效。（诡异的）
• 它们在客户端都正常工作。
• 他们在接下来的12年里都正常工作。
• 它们在任何其他 React 应用程序上都可以正常工作。

版本：

• 节点 18.12.0
• 下一个 13.1.0
• 反应18.2.0
• 反应-dom 18.2.0
• npm 9.2.0

操作系统：M1 IOS …