如何在盖茨比中创建动态路线

您必须明确告诉gatsby路径应该是动态的。从文档：

// gatsby-node.js// Implement the Gatsby API “onCreatePage”. This is// called after every page is created.exports.onCreatePage = async ({ page, actions }) => {  const { createPage } = actions  // page.matchPath is a special key that's used for matching pages  // only on the client.  if (page.path.match(/^/app/)) {    page.matchPath = "/app/*"    // Update the page.    createPage(page)  }}

然后您可以在其中使用动态路由

src/pages/app.js

import { Router } from "@reach/router"const SomeSubPage = props => {  return <div>Hi from SubPage with id: {props.id}</div>}const App = () => (  <Layout>    <link to="/app/1">First item</link>{" "}    <link to="/app/2">Second item</link>{" "}    <Router>      // ...dynamic routes here      <SomeSubPage path="/app/:id" />    </Router>  </Layout>)export default App

/app/*

看看他们的身份验证示例https://github.com/gatsbyjs/gatsby/tree/master/examples/simple-
auth