在子目录中部署vue.js app

时间:2018-03-15 05:27:18

标签: webpack vue.js

我使用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配置文件?

enter image description here

1 个答案:

答案 0 :(得分:4)

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

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