Gatsby 盖茨比动态路径

Gatsby 盖茨比动态路径,gatsby,Gatsby,路径:product/${node.id}/[任何匹配字符串] 我如何实现这一目标? url:someurl/product/id/[任何字符串]是的。根据这两条评论,这些问题可能重复。但我有点想要不同的设置 createPage({ path: `product/${node.id}/[any-matching-string]`, component: path.resolve(`./src/templates/productDetail.js`), context:

路径:product/${node.id}/[任何匹配字符串]

我如何实现这一目标?

url:someurl/product/id/[任何字符串]

是的。根据这两条评论,这些问题可能重复。但我有点想要不同的设置

createPage({
    path: `product/${node.id}/[any-matching-string]`,
    component: path.resolve(`./src/templates/productDetail.js`),
    context: {
      productId: node.id
    },
  })
这正是我想要的

在我的index.js页面中,我必须使用reach路由器。

如果有人需要更多的细节,请在这里发表评论。我将分享完整的代码

是否要在
产品
上创建动态路线?可能的复制品这种行为不违背使用盖茨比的目的吗?怎么做?如果这方面有问题,我不会接受我的回答。事实上,我在github上与盖茨比团队进行了讨论。他们没有反对我。你能再解释一下使用这个的问题吗?
exports.onCreatePage = async ({ page, actions }) => {
  const { createPage } = actions    
  if (page.path === "/") {
    page.matchPath = "/*"
    createPage(page)
  }
}