内容丰富 API 未给出预期结果 - Nuxt 项目

Contentful API not giving expected results - Nuxt project

我正在使用 NuxtJS 从 Contentful 构建一个基于此项目的博客 https://github.com/contentful/blog-in-5-minutes

这是我的:https://github.com/KyleTryon/VidFireBlog

到目前为止,我在检索示例中遇到的数据时遇到了两个问题。

1。无法获取图像。

https://github.com/contentful/blog-in-5-minutes/blob/master/pages/blog/_slug.vue

在示例中您可以看到 headerImage 包含 .fields.url 当我return在我的项目中以同样的方式在图像中时,没有字段。

{ sys: { type: 'Link', linkType: 'Asset', id: '1YADPXXX-' } }

2。过滤似乎不起作用。

https://github.com/KyleTryon/VidFireBlog/blob/master/pages/blog/_slug.vue

这再次直接基于上面链接的示例。

return client.getEntries({ 'content_type': env.CTF_BLOG_POST_TYPE_ID, 'fields.slug': params.slug })

这应该只有 return 类型博客 post 的条目。我有一个 v-for 渲染每个 post。目前我只有两个。我在我的页面上看到第三个项目,经过进一步检查,我发现第三个项目来自 API 也 returning 我的 "author" 不同类型的资产。这也是我仅有的其他已发布内容。所以似乎只显示了所有内容,过滤器被忽略了。

我无法解释原因,但第一个问题似乎已自行解决。我也许可以通过提交来尝试找出原因,但我只是打算接受它。

目前数字 2 仍然存在问题。

第一期,会不会是你的资产没有发布?

第二,您的代码中确实有错字:

https://github.com/KyleTryon/VidFireBlog/blob/master/pages/blog/index.vue#L63

CTF_BLOG_TYPE_ID 应该是 CTF_BLOG_POST_TYPE_ID

祝一切顺利, 本尼迪克特