如何将 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/'
}