Vue.js 在浏览器中的图像url后获取一些代码

我正在更改悬停时的背景图像。 图像url的代码如下所示：

    background-image: url('../assets/img/project1.png');

   background-image: url(/img/project1.9fba20d0.png);

但当我在Chrome inspector中查看时，它看起来是这样的：

    background-image: url('../assets/img/project1.png');

   background-image: url(/img/project1.9fba20d0.png);

所以，当我试图更改图像时，需要代码9fba20d0才能正常工作

---

为什么会出现“9fba20d0”？如何在不硬编码的情况下删除或获取它？

我实际上没有使用Vue.js，但我确信附加到文件名末尾的随机字符串是为了破坏缓存

基本上，每次构建应用程序时，字符串都会发生变化，因此下次从服务器请求index.html时，它将在末尾使用不同的随机字符串引用新文件名。如果没有字符串，浏览器将在本地查找该文件，如果您在上次重建后进行了更改，该文件可能是过时的版本

我将尝试了解Vue.js如何创建您的生产资产，即所有图像和其他静态文件，并查看是否有一些选项可以更改默认行为（如果需要）。可能需要阅读有关缓存的文档

---

希望至少能为你指明正确的方向

是否启用了缓存？