没有硬编码的 Gatsby pathPrefix

Question

路径前缀的 Gatsby 文档显示我可以定义类似的东西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>