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

Question

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

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

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',
  ...
}