采用的是vue中的导航守卫
具体根据我项目中方式实现
搜了一些资料，
（失败的测试）
1.说是把favicon.ico放到static文件夹下，然后再在public下面的index.html中引入
<link rel="icon" href="../static/favicon.ico">
失败
2.说是缺少了pwa配置在vue.config.js中
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
favicon.ico这个放入public目录下
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
}
这两种方式，都是测试失败的，可能我的方法不对
（成功的）
就是把favicon.ico图标放入public目录下和index.html同级，然后index.html引入这个图标就好了
<link rel="icon" type="image/x-icon" href="./favicon.ico">
