获取盖茨比中所有现有页面路由的数组

Question

我正在Gatsby中创建一个404页面，我想给用户一个类似的路径名称的建议，基于他们去的路径(这并不存在)。如何在我的网站中获得所有现有页面的数组？

Answer 1

Gatsby将您告诉它的每个页面的信息(通过pages文件夹或createPage API)公开为一个名为allSitePage的GraphQL字段。我倾向于在我的大多数项目上创建这样一个挂钩，因此很容易获得以下信息：

import { graphql, useStaticQuery } from "gatsby"

const useInternalPaths = () => {
  const {
    pages: { nodes },
  } = useStaticQuery(graphql`
    {
      pages: allSitePage {
        nodes {
          path
        }
      }
    }
  `)

  return nodes.map(node => node.path)
}