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

时间:2019-07-19 03:30:47

标签: vuejs2 vuepress

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

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

我们不能在此处提供绝对URL,因为此链接是特定于环境的。

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

有没有更清洁的解决方案?还是我在这里错过了一些直接的东西?

1 个答案:

答案 0 :(得分:1)

这是我的实现方式:

  • 使用plugin在config.js中启用自定义Vue组件
  • .vuepress/components目录中创建了自定义Vue组件
  • 该组件接受href和target作为支持,并通过附加location.origin将其用于创建具有绝对URL的纯锚。
  • 在我的md文件中使用了
<domain-relative-url href="/features">Features<domain-relative-url>