Vuepress 应用程序之外的相同域链接

Question

我们的主要产品托管在https://ourproduct.com/ 我们基于 Vuepress 的文档应用托管在 https://ourproduct.com/docs。

现在，我们希望从我们的一个 MD 文件中指向我们产品应用程序的子页面，即https://ourproduct.com/features

我们无法在此处提供绝对 URL，因为此链接是特定于环境的。

当我使用 [Explore Features] (/features) 时，Vuepress 将 docs 应用程序的基本路径添加到此链接，我无法导航到我们的功能页面。

任何更清洁的解决方案？或者我在这里遗漏了一些直接的东西？？

Answer 1

我是这样实现的：

• 使用 plugin 在 config.js 中启用自定义 Vue 组件
• 在.vuepress/components 目录中创建了自定义 Vue 组件
• 此组件接受 href 和 target 作为 prop 并使用它们通过附加 location.origin 来创建具有绝对 URL 的普通锚。
• 在我的 md 文件中使用它

<domain-relative-url href="/features">Features<domain-relative-url>