将 `/blog${node.fields.slug}` 添加到 createPage 后，Gatsby slug 下一个/上一个问题答案

【问题标题】：Gatsby slug next/previous issues after adding `/blog${node.fields.slug}` to createPage将 `/blog${node.fields.slug}` 添加到 createPage 后，Gatsby slug 下一个/上一个问题
【发布时间】：2020-12-09 00:36:19
【问题描述】：

我遇到了一些奇怪的事情，我尝试了很多解决方法，但都没有成功。

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

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

谁能帮忙？

提前致谢。

【问题讨论】：

标签： url gatsby slug

【解决方案1】：

缺少前导斜杠导致此问题。

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

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

【讨论】：