vue-cli3替换网页标题旁边的logo

1.在public文件下添加自己需要的.ico文件

在这里插入图片描述

可自行在网页转换 png->.ico
2.在html文件添加logo

 <link rel="icon" href="<%= BASE_URL %>favicon.ico">

如果没有生效
3.在vue.config.js添加配置

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

重启项目后就会发现修改成功啦

你可能感兴趣的:(vue-cli3替换网页标题旁边的logo)