Gatsby pathPrefix 无需硬编码

Question

Gatsby 文档 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>