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

Question

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

例如：

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

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

我该如何配置？我认为它可能与多页面应用程序设置有关，但我在技术上并不是在做多页面应用程序。它真的是一个SPA，但生活在一个子目录中。

谢谢。

Answer 1

可以使用publicPath配置Vue CLI，以指定将部署项目的基本路径。对于您想要的路径，在项目目录的根目录中创建vue.config.js，然后插入此配置：

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