如何解决强制 Gatsby 中的导航功能仅在站点内重定向
如何限制 Gatsby 中的 navigate
函数仅重定向客户端路由 URL,而不重定向到外部站点。
解决方法
Gatsby 导航是从 @reach/router
(来自 React)扩展而来的,它仅用于内部导航,因此默认情况下,它们的使用仅限于项目的内部路由。
正如您在 Gatsby's docs 中看到的:
对于内部导航,Gatsby 包含一个内置的 <Link>
组件
用于创建内部页面之间的链接以及 navigate
程序化导航功能。
该组件是围绕 @reach/router
’s Link
component 的包装器
添加特定于 Gatsby 的有用增强功能。所有道具都通过
到 @reach/router
的 Link
组件。
对于外部链接,您始终需要使用“传统”锚点 (<a>
)。另一方面,Gatsby 的导航被严格限制为内部路由。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。