Vuepress 内部并与 Vue 项目集成答案

【问题标题】：Vuepress inside and integrated with Vue projectVuepress 内部并与 Vue 项目集成
【发布时间】：2019-02-10 18:55:52
【问题描述】：

我从 Vuepress (https://vuepress.vuejs.org) 开始，我按照文档将其与现有项目 (https://vuepress.vuejs.org/guide/getting-started.html#inside-an-existing-project) 集成。我使用了 sugested docs 目录。

但现在我需要“真正”与我的项目集成，并且当我的用户访问 my-project.com/docs 时，我需要访问 Vuepress 文档

如果我制作 (yarn docs:build)，将生成 /dist 文件夹，以便在任何地方用作静态 HTML 文件。我将 /dist/ 内容放入我项目的 /static/ 文件中。但是 vue-router 对 /docs 的响应是 404。

我仍然需要进行 2 次构建，我的项目和文档。

问题是：

我有 2 个项目，一个使用 quasar，另一个我使用 vue-cli 3。

谢谢大家。

【问题讨论】：

【解决方案1】：

如何让 vue-router “看到” vuepress 构建文件？放在哪里？

你不知道，它基本上是一个外部链接。一个简单的<a href="/docs"> 就足够了。

如何集成项目的运行构建以使它们两者兼而有之？

你没有，你添加了一个新的任务来完成这两个任务。

// package.json
{
  "scripts": {
    "build-project": "node build-project.js"
  }
}

从终端

# yarn run build-project

【讨论】：

【解决方案2】：

我想也许关键问题是解决 Vue-Router 当我们像外部链接 /docs 一样时，使 vue-router 不处理链接。

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。