VueCli3之更改icon图标

最新推荐文章于 2024-09-11 11:24:59 发布

马里熬

最新推荐文章于 2024-09-11 11:24:59 发布

阅读量7.7k

点赞数 4

分类专栏： vue 文章标签： Vue 前端

本文链接：https://blog.csdn.net/qq_41638468/article/details/101025810

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

初次使用更改icon图标的时候，可能会根据脚手架搭建完成后的public中修改index.html中的link,如下在这里插入图片描述
但是，会发现即使修改了之后，重新刷新也没有任何作用。
那么接下来我来讲一下解决的方法。
一、先将自己的icon直接替换原的图标
二、在根目录创建一个vue.config.js文件，然后写下之前

module.exports = {
    pwa: {
        iconPaths: {
            favicon32: 'favicon.ico',
            favicon16: 'favicon.ico',
            appleTouchIcon: 'favicon.ico',
            maskIcon: 'favicon.ico',
            msTileImage: 'favicon.ico'
        }
    }
}

这边有个GitHub上的详细讲解pwa
记得修改完成之后需要重启项目，这样图标才会生效。