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?

当目标域与应用程序的Web服务相同时是否可以展开链接?

在支持通用链接的两个不同应用程序上支持相同的域..?

在 Vue 组件中解析 webpack 图像源(在 Vuepress 中)

vuepress的使用

vuepress-theme-reco + Github Actions 构建静态博客,部署到第三方服务器