Gatsby pathPrefix 无需硬编码

标签 gatsby

Gatsby 文档 path prefix表明我可以定义类似 pathPrefix: "/blog" 的内容,事实上我尝试了它并且它成功了。但是,我不想对应用程序所在的路径进行硬编码。我希望能够将构建部署到多个路径,并让它在所有路径上正常工作。我希望有一种方法可以使构建从任意路径开始工作。有吗?

最佳答案

您可以使用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>

关于Gatsby pathPrefix 无需硬编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51235149/

相关文章:

graphql - FaunaDB GraphQL API 返回 "Invalid database secret"

wordpress - 在 Gatsby 和 GraphQL 的 wordpress 中过滤 ACF Post Object-field

gatsby-starter-blog 的站点地图

graphql - Gatsby GraphQL 无法在 Strapi 的类型 "url"上查询字段 "File"

javascript - 单击时未触发 onClick 事件 - React

gatsby - 使用 markdown 在 Gatsby Layout 组件中动态添加页面元

c# - 使用 gatsby 和 aspnet 提供多个索引文件

javascript - react Gatsby : adding css class dynamically not working in prod build

css - Gatsby.js : I set up a css rule for body for a template but it works throughout the entire app

javascript - Slick-Slider React 控件在移动时消失,并且在图像后面