Contentful 和 Next JS - 内容未显示的问题

问题描述

所以目前，我有一个网站，我正在前端使用 Next Js 创建，并将 contentful 用作我的 CMS。

我有很多页面使用 contentful 函数来获取数据：

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}
                />
              );
            })}

一切进展顺利，直到我最近遇到一个问题，即并非所有项目都传递到前端。

我唯一的解决方案是在 contentful 上重新发布内容，但是当我这样做时，它似乎会对其他页面产生影响。即使我尝试控制台日志，我也看不到正在传递的数据。

它向我展示了 this image，这是一个 more detailed image

我不确定是什么问题，它运行良好，但是当我开始添加更多内容时，这个问题就出现了。

如果有人能帮忙，那就太好了。提前致谢。

解决方法

答案：

所以我没有意识到，我需要增加限制参数。我有超过 113 个，但默认值为 100。