Vue.js 如何将Vue应用程序部署到子目录中？

我有一个有点复杂的构建管道。。。我正在使用静态站点生成器来构建我的站点。这将部署到“public”目录，并在生成的文件夹test中的index.html内部生成存根

例如：

mysite/public/test/index.html（包含应用程序的div存根）

但是，使用vue cli服务构建需要将vue代码和应用程序附加到mysite/public/index.html。我希望它更新public/test/index.html

我如何配置它？我想这可能与多页应用程序的设置有关，但从技术上讲，我不是在做多页应用程序。它实际上是一个温泉浴场，但住在一个子目录中

---

谢谢。

Vue CLI可以配置为，以指定将在其中部署项目的基本路径。对于所需路径，请在项目目录的根目录中创建，然后插入以下配置：

module.exports = {
  publicPath: '/public/test/'
}

---

这不完全符合我的要求。此解决方案获取公共目录中的所有内容，并尝试将其转换为单页应用程序，并将其部署到我的“public/test”目录。我想我必须从build命令中获取输出，并手动将其移动到我正在生成的静态站点的子目录中。