Vuepress 应用程序外部的相同域链接
Same domain links outside Vuepress application
我们的主要产品托管在 https://ourproduct.com/
我们基于 Vuepress 的文档应用程序托管在 https://ourproduct.com/docs.
现在我们想从我们的一个 MD 文件指向我们产品应用程序的子页面,即 https://ourproduct.com/features
我们无法在此处提供绝对 URL,因为这 link 是特定于环境的。
当我使用 [Explore Features] (/features)
时,Vuepress 将文档应用程序的基本路径添加到此 link,我无法导航到我们的功能页面。
有更清洁的解决方案吗?或者我在这里直接遗漏了一些东西??
我是这样实现的:
- 使用 plugin
在 config.js 中启用自定义 Vue 组件
- 在
.vuepress/components
目录中创建了自定义 Vue 组件
- 此组件接受 href 和目标作为 prop 并使用它们通过附加 location.origin.
创建具有绝对 URL 的普通锚点
- 在我的 md 文件中使用它
<domain-relative-url href="/features">Features<domain-relative-url>
我们的主要产品托管在 https://ourproduct.com/ 我们基于 Vuepress 的文档应用程序托管在 https://ourproduct.com/docs.
现在我们想从我们的一个 MD 文件指向我们产品应用程序的子页面,即 https://ourproduct.com/features
我们无法在此处提供绝对 URL,因为这 link 是特定于环境的。
当我使用 [Explore Features] (/features)
时,Vuepress 将文档应用程序的基本路径添加到此 link,我无法导航到我们的功能页面。
有更清洁的解决方案吗?或者我在这里直接遗漏了一些东西??
我是这样实现的:
- 使用 plugin 在 config.js 中启用自定义 Vue 组件
- 在
.vuepress/components
目录中创建了自定义 Vue 组件 - 此组件接受 href 和目标作为 prop 并使用它们通过附加 location.origin. 创建具有绝对 URL 的普通锚点
- 在我的 md 文件中使用它
<domain-relative-url href="/features">Features<domain-relative-url>