CMS的Nuxt.js动态子弹

时间:2019-12-20 16:02:20

标签: vuejs2 graphql vue-router nuxt.js

对不起,新手问题。迄今为止,我一直在努力寻找答案,但到目前为止没有成功。我想在我的Nuxt应用程序中创建漂亮的动态URL。

一个简单的问题->我将如何更改此Codesandbox示例,以使URL显示{username}而不是{id}? CodeSandBox Example

我让Nuxt通过GraphQL从无头CMS收集数据。数据包含一个“ slug”字段。我使用以下链接在页面底部的脚本中给定Apollo查询来创建正确的URL,该脚本返回正确的数据:

<nuxt-link :to="data.slug">{{data.postName}}</nuxt-link>

这显然链接到带下划线的页面名称。在该页面中,我该如何收集弹头,然后在新的Apollo查询中使用它,以返回该“帖子”的正确数据? -子弹也是CMS的字段名称,因此,在向CMS输入数据时,可以有效地(如果可行)选择帖子的URL。最简单的方法是什么?

我已经看到了许多可行的示例,但是它们都使用帖子ID作为URL中的标签,看上去很可怕,而且对于SEO来说很糟糕。当然有一种简单的方法可以做到这一点?

非常感谢任何帮助!

干杯, 马特

0 个答案:

没有答案