将 `/blog${node.fields.slug}` 添加到 createPage 后，Gatsby slug next/previous 出现问题

Question

我遇到了一些奇怪的事情，我尝试了很多变通办法都没有成功。

我正在尝试像这样将“博客”附加到我的模板的 url 中..

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

效果很好。所以我使用相同的方法来解释 next/previous 链接。

<Link to={blog${next.fields.slug}} rel="prev">（下一个例子）

但是当我去看一篇文章时，例如blog/category/hello-category 并尝试点击下一篇或上一篇文章，例如/blog/category/hello-category2，路径是附加当前路径和下一个路径 - 就像这样。

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

有人能帮忙吗？

提前致谢。

Answer 1

缺少前导斜线导致了这个问题。

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

“如果开头没有斜杠，它假定链接是相对于根的。在这方面，它的行为与正常的 HTML 链接相同。”

将 `/blog${node.fields.slug}` 添加到 createPage 后，Gatsby slug next/previous 出现问题

Gatsby slug next/previous issues after adding `/blog${node.fields.slug}` to createPage

url

gatsby

slug