因此,目前,我正在使用前端的 Next Js 创建一个网站,并将内容用作我的 CMS。
我有很多页面使用内容功能来获取数据:
export async function getStaticProps() {
const client = createClient({
space: process.env.NEXT_CONTENTFUL_SPACE_ID,
accessToken: process.env.NEXT_CONTENTFUL_ACCESS_TOKEN,
});
const res = await client.getEntries({ content_type: "MYCONTENT" });
return {
props: {
MYCONTENT: res.items,
},
};
}
所以想象一下这段代码大约有 30 页。然后,我使用以下代码过滤和映射我需要的项目:
{MYCONTNET
.filter((e) => e.fields.tag === "design tools")
.map((content) => {
return (
<ToolsCard
key={content.fields.title}
title={content.fields.title}
para={content.fields.tagline}
url={content.fields.url}
img={content.fields.img.fields.file.url}
/>
);
})}
一直进展顺利,直到我最近遇到了一个问题,即并非所有项目都传递到前端。
我唯一的解决方案是在内容上重新发布内容,但是当我这样做时,它似乎会对其他页面产生影响。即使我尝试控制台日志,我也看不到正在传递的数据。
我不确定问题是什么,它工作正常,但是当我开始添加更多内容时,这个问题就出现了。
如果有人可以提供帮助,那就太好了。提前致谢。