Gatsby createpages 动态路径

Question

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

路径：product/${node.id}/[any-matching-string],

我如何实现这样的路径？
url: someurl/product/id/[任意字符串]

Answer 1

是的。根据这两个 cmets，这些问题可能重复。但我有点想要不同的设置。

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

这正是我想要的。

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