Vuepress 应用程序之外的相同域链接
Posted
技术标签:
【中文标题】Vuepress 应用程序之外的相同域链接【英文标题】:Same domain links outside Vuepress application 【发布时间】:2019-11-28 00:25:39 【问题描述】:我们的主要产品托管在https://ourproduct.com/ 我们基于 Vuepress 的文档应用托管在 https://ourproduct.com/docs。
现在,我们希望从我们的一个 MD 文件中指向我们产品应用程序的子页面,即https://ourproduct.com/features
我们无法在此处提供绝对 URL,因为此链接是特定于环境的。
当我使用 [Explore Features] (/features)
时,Vuepress 将 docs 应用程序的基本路径添加到此链接,我无法导航到我们的功能页面。
任何更清洁的解决方案?或者我在这里遗漏了一些直接的东西??
【问题讨论】:
【参考方案1】:我是这样实现的:
使用 plugin 在 config.js 中启用自定义 Vue 组件 在.vuepress/components
目录中创建了自定义 Vue 组件
此组件接受 href 和 target 作为 prop 并使用它们通过附加 location.origin 来创建具有绝对 URL 的普通锚。
在我的 md 文件中使用它
<domain-relative-url href="/features">Features<domain-relative-url>
【讨论】:
以上是关于Vuepress 应用程序之外的相同域链接的主要内容,如果未能解决你的问题,请参考以下文章
如何以正确的方式在 Nuxt 项目中添加 Vuepress?