Question

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

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

我该如何实现？
网址：someurl / product / id / [任意字符串]

Answer 1

是的，根据这两个评论，可能会重复这些问题。但是我稍微想要不同的设置。

exports.onCreatePage = async ({ page, actions }) => {
  const { createPage } = actions    
  if (page.path === "/") {
    page.matchPath = "/*"
    createPage(page)
  }
}

这正是我真正想要的。

在我的index.js页面中，我必须使用到达路由器。
如果有人需要更多详细信息，请在此处评论。我将分享完整的代码。

Gatsby createpages动态路径

1 个答案: