我正在用strapi建立一个next.js网站,但是我的fetch请求遇到了一个问题。当我在postman中发出请求时,我可以看到数据被返回,所以端点是正确的。
我得到的错误是TypeError: fetch failed
在我的控制台我得到
TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11118:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
cause: Error: connect ECONNREFUSED 127.0.0.1:1337
at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1300:16) {
errno: -111,
code: 'ECONNREFUSED',
syscall: 'connect',
address: '127.0.0.1',
port: 1337
}
}
在我的页面模板中,我有
import React from "react";
import Layout from "@/components/Layout/Layout";
import { fetcher } from "@/lib/api";
const Insights = () => {
return (
<Layout>
<p>Insights</p>
</Layout>
);
};
export default Insights;
export async function getServerSideProps() {
const insightsResponse = await fetcher(
"http://localhost:1337/api/insights"
);
return {
props: {
insights: insightsResponse,
},
};
}
我的fetcher函数是
export async function fetcher(url: string, options = {}) {
let response;
if (!options) {
response = await fetch(url);
} else {
response = await fetch(url, options);
}
const data = await response.json();
return data;
}
1条答案
按热度按时间46qrfjad1#
您可以打开开发工具并检查响应代码吗?我看到ECONFREFUSED表示服务器拒绝此请求。请确保您请求的数据正确(您也可以在网络选项卡中检查)
请参考本文档https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
提取有更多的选项,如方法、头(头字段非常重要)、...添加这些请求选项并重试。