我想要vue-cli3输出带有相对链接的html

Question

我不擅长配置webpack。因此，我使用vue-cli3创建了一个项目，而没有更改任何配置。

当我构建项目时，它将创建一个/ dist文件夹和index.html。 index.html使用绝对链接，例如src=/js/app-legacy.69c62d1a.js来链接资源。

出于某些原因，我希望链接是相对的，例如src=./js/app-legacy.69c62d1a.js。

我该怎么办？

Answer 1

您可以在项目根文件夹中创建一个vue.config.js文件来配置Webpack。

如果您想要相对路径，它应该看起来像这样：

module.exports = {
  publicPath: "./"
};

您可以在Configuration Reference中找到更多信息。