微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在将`/ blog $ {node.fields.slug}`添加到createPage之后,Gatsby认为下一个/上一个问题

如何解决在将`/ blog $ {node.fields.slug}`添加到createPage之后,Gatsby认为下一个/上一个问题

我遇到了一些奇怪的事情,并且尝试了许多变通方法,但没有成功。

我试图像这样在模板的网址后附加“博客”。

createPage({
      path: /blog${node.fields.slug},// this line
      component: blogPost,context: {
        slug: post.node.fields.slug,prevIoUs,next,},})

哪个工作正常。因此,我使用相同的方法来解释下一个/上一个链接

<Link to={blog${next.fields.slug}} rel="prev">(下一个示例)

但是当我去看一篇文章blog/category/hello-category,然后尝试单击下一篇上一篇文章,例如/blog/category/hello-category2,该路径会附加当前路径和下一个路径-就像这样。

/blog/category/hello-category/blog/category/hello-category2

有人可以帮忙吗?

谢谢。

解决方法

缺少斜杠导致了此问题。

<Link to={ / blog $ {next.fields.slug} } rel="prev">

“开头没有斜线,它假定链接是相对于根的。在这方面,它的行为与普通HTML链接相同。”

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。