vue-cli3项目怎么更换默认图标和title


1.vue-cli3构建的项目目录中有public,该目录下的favicon.ico就是指图标,index.html文件里面可以链接该图标。

2.首先将favicon.ico文件修改为自定义的logo,名称不变。

以下代码为inde.html中的内容,红色边框中的代码即可链接自己的logo,蓝色边框的代码用于修改标题

4.在vue.config.js里面加入以下代码

module.exports = {
   pwa: {

        iconPaths: {

            favicon32: 'favicon.ico',

            favicon16: 'favicon.ico',

            appleTouchIcon: 'favicon.ico',

            maskIcon: 'favicon.ico',

            msTileImage: 'favicon.ico'

        }

    }
}

 完成。


免责声明!

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



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