采用的是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">