在子目录中部署 vue.js 应用程序

Question

我已经使用构建了一个 vue.js 应用程序vue-cli 3.0，一切都很棒。

现在我想将它部署到生产中，但我需要将它部署到子文件夹中，而不是根目录，即：

https://example.com/myvueapp/ *

我已经构建了生产发行版，npm run build但问题是指向 .js 文件等的链接都是/js/vendor.9e469b3e.js. 我该/myvueapp/js/vendor.9e469b3e.js怎么做？

我发现其他答案说“更改 webpack 配置文件”。但是我在任何可以看到的地方都没有 webpack 配置文件？

Answer 1

使用 vue-cli 3，您可以在 vue.config.js 文件中设置基本 URL。它看起来像这样

module.exports = {
  ...
  baseUrl: 'myvueapp',
  ...
}