Html 如何从构建的Vue项目更改路径结构？

因此，我使用方便的VUEUI命令创建了一个Vue项目。 package.json具有编译dist文件夹中项目的构建脚本

我面临的一个问题是index.html文件以这种方式引用js和css文件：

<link href="/js/app.66f30e0a.js" rel="preload" as="script">
<link href="/js/chunk-vendors.410e1ec5.js" rel="preload" as="script">
<link href="/css/app.20c14d91.css" rel="stylesheet">
<script src="/js/chunk-vendors.410e1ec5.js"></script>
<script src="/js/app.66f30e0a.js"></script>

为了获得我想要的路径结构，我需要添加/更改什么

---

提前感谢。

您只需在项目根目录中添加一个

vue.config.js

文件，其中包括：

module.exports = {
  publicPath: './'
}

---

如需进一步阅读，请参阅。

Babel不是使用build your project的捆绑程序。如果您使用的是Vue CLI，那么您仍然在使用webpack。您想要的是更改

公共路径

，使其指向

/

或任何您拥有的绝对自定义路径：@Terry我找不到任何vue.config.js文件，这是我的项目结构：我的package.json文件中没有vue字段。我使用此代码创建了文件并构建了项目，路径的结果相同，我不得不做一件有史以来最愚蠢的事情，我想知道为什么publicPath:'+'./'+'./'./'./'.它能处理这个问题

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

module.exports = {
  publicPath: './'
}