Gatsby pathPrefix，不进行硬编码

Question

path prefix的盖茨比文档显示，我可以定义类似pathPrefix: "/blog"的东西，的确，我尝试了一下，它才起作用。但是，我不希望对应用程序的生存路径进行硬编码。我希望能够将构建部署到多个路径并使其在所有路径中都能正常工作。我希望有一种方法可以使构建从任意路径进行。有吗？

Answer 1

您可以使用gatsby-link来帮助您。它的功能类似于React-Router的Link组件，但是可以帮助您使用路径前缀。例如，如果您设置了pathPrefix: "/myBlog" ...

import Link from 'gatsby-link'

/* later down in the code... */

<nav>
  <Link to='/about'>About The Blog</Link>
</nav>

哪个会输出：

<a href="/myBlog/about">About The Blog</a>