vue-cli3项目中引入favicon.ico的方案

采用的是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">
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容