Gatsby 盖茨比动态路径
路径:product/${node.id}/[任何匹配字符串] 我如何实现这一目标?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:
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)
}
}