如何将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

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

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