我的收藏夹图标不再显示在我的Vue.js项目中（它已经运行了一段时间）。据我所知，我没有更改任何与网站图标相关的代码或移动文件。在我的<head>的{{1}}标签中，我使用以下（自动生成的）代码行链接到我的收藏夹图标：
index.html document我的收藏夹图标位于公共目录中，如下所示
我尝试用以下所有内容替换上面自动生成的行：
<link rel="icon" href="<%= BASE_URL %>favicon.png">
我甚至根据有关该主题的其他一些论坛的建议制作了一个vue.config.js文件
<link rel="icon" href="favicon.png">
<link rel="icon" href="/favicon.png">
<link rel="icon" href="./favicon.png">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="icon" type="image/png" href="./favicon.png">
进行每次更改后，我已经清除了浏览器缓存，并尝试在各种浏览器上进行尝试。在这一点上，我完全不知道是什么原因引起的：/
版本：
module.exports = {
pwa: {
iconPaths: {
favicon32: "./public/favicon.png",favicon16: "./public/favicon.png",appleTouchIcon: "./public/favicon.png",maskIcon: "./public/favicon.png",msTileImage: "./public/favicon.png"
}
}
};