我在试用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)
1条答案
按热度按时间zbwhf8kr1#
在API调用中使用反引号,而不是单引号。