在vue-cli3以上设置浏览器图标


在vue-cli3以上的版本里设置浏览器图标

1.第一步 需要现在vue.config.js里面这只一个paw插件,设置代码如下:

module.exports = {  
  pwa: {
      iconPaths: {
        favicon32: 'favicon.ico',
        favicon16: 'favicon.ico',
        appleTouchIcon: 'favicon.ico',
        maskIcon: 'favicon.ico',
        msTileImage: 'favicon.ico'
      }
   }
}
 
2.第二部 在pulic文件夹里index.html(入口文件有可能在根目录每个项目不一样)文件中引入图标文件

 

 

 

 备注:不一定时ico的后缀名,其他图片格式也可以


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM