VueCli3之更改icon图标

初次使用更改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
记得修改完成之后需要重启项目，这样图标才会生效。